Skip to content

Latest commit

 

History

History
35 lines (28 loc) · 2.02 KB

README.md

File metadata and controls

35 lines (28 loc) · 2.02 KB

Readit: A Modern Reddit Feed

Website: https://ltseng01.github.io/Readit Main interface Main interface

Introducing Readit, a brand new Reddit feed created with design in mind. Featuring an intuitive and elegant layout, it makes following up on your favorite Reddit posts easier with less distractions and clutter. Works on almost all screen sizes and browsers for maximum compatibility. When you open the webpage, it starts with the r/popular subreddit. Change the text box at the top of the page to the subreddit of your choice and hit "Readit" to load the feed for that subreddit. Behind the scenes, the webpage makes an AJAX call to retrieve the JSON associated with that subreddit which by default includes a lot of metadata and the top posts. JavaScript functions clean up that data, keeping only what is necessary, and renders them onto the webpage using MustacheJS.

Features:

  • Dark Mode 🌒/☀️ – switch between interfaces depending on your operating system's settings
  • Responsive Layout 📱 – works for all screen sizes from phone to desktop
  • Clean Text – easy to read font and large characters
  • Load More – satisfy your Reddit binge by loading more posts
  • Thumbnails 🌉 – posts with images will have thumbnails – Animations – smooth animations bring in new posts

Frameworks & Libraries:

Enter the wrong subreddit name? Get visual feedback.

Validated entry

Mobile

Mobile Mobile2

Tablet

Tablet

Questions or Bugs?

Feel free to create an issue or contact me! Thanks!