Random MDN

Web app that generates a random link from the MDN Web documentation

What is MDN

MDN Web Docs is an open-source, collaborative project documenting Web platform technologies, including CSS, HTML, JavaScript, and Web APIs. We also provide an extensive set of learning resources for beginning developers and students.

MDN's mission is to provide a blueprint for a better internet and empower a new generation of developers and content creators to build it.

MDN website

Tools and design

The app generated using Vite with Typescript and uses Vercel serverless functions to fetch and filter MDN sitemap file.

• For generating the Json file I used Playwright to scrape MDN's Javascript references page

The idea of using the sitemap file came from this random-mdn twitter-bot

Running the app

1. Clone the repository
2. run npm i

Without serverless functions

• run npm run dev

With serverless functions (you'll need to signup to Vercel first)

• run npm run serverless-dev