Hacker News PWA

React, Tailwind CSS, API

Description

A progressive web app for browsing Hacker News, built with React. Makes use of a self-hosted API for fetching content. Focuses on small touches missing from similar projects.

Key takeaways

  • Single page application (SPA)
    • Built with React + react-router
    • Utilizes the hackerweb and Algolia APIs for fetching content
  • Progressive web app
    • App manifest
    • Service worker
    • 100/100 Lighthouse score
  • TailwindCSS 2.0
    • Responsive, mobile first design
    • Light/dark theme availible (set automatically based off device theme)

Screenshots

A progressive web app for browsing Hacker News, built with React. Makes use of a self-hosted API for fetching content. Focuses on small touches missing from similar projects.