https://github.com/healeycodes/random-mdn-page

Random pages from the MDN JavaScript Docs, delivered fresh to your browser 🌎
https://github.com/healeycodes/random-mdn-page

Last synced: 9 months ago
JSON representation

Random pages from the MDN JavaScript Docs, delivered fresh to your browser 🌎

• Host: GitHub
• URL: https://github.com/healeycodes/random-mdn-page
• Owner: healeycodes
• Created: 2019-05-12T08:44:45.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-05-17T12:12:39.000Z (almost 7 years ago)
• Last Synced: 2024-10-05T17:43:09.949Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://random-mdn-page.glitch.me/
• Size: 130 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### [Random MDN page](https://random-mdn-page.glitch.me/)

I created this tiny project in order to write about my process to help beginner web devs!

[A Tiny Project, From Inception to Deployment](https://healeycodes.github.io/javascript/webdev/glitch/tutorial/2019/05/12/tiny-project-to-completion.html)




An Express app that serves up a card of a random MDN JavaScript page.

Uses the Bulma CSS framework, as well as Puppeteer for the initial scraping.

[![](https://github.com/healeycodes/random-mdn-page/blob/master/rnd-mdn-preview.png "Image of a random MDN page card")](https://random-mdn-page.glitch.me/)




#### Routes

`/` - for the card.

`/rnd` - for the card JSON.




#### Maintenance

Scrape for new pages:

`node getNewPages.js`




#### Improvement ideas

- Move the scraping to a cron job

- Address the ~1/900 chance of getting the same page twice

  - Perhaps a client-side re-request?




Made by [@healeycodes](https://twitter.com/healeycodes)

-------------------

\ ゜o゜)ノ