A Hacker News clone, with improved UI.
This project is a clone of Hacker News but with a minimalistic, modern UI, hence the name: Modern Hacker News.
You can check the live site here: https://modernhn.netlify.app/.
I created this website to read Hacker News in a more aesthetically pleasing format. And in the process, I removed parts of the original site that I do not use, which are the 'Comments' tab that displays comments from all posts on a single page (I can still read individual posts' comments), the ability to upvote a post, and the ability to login.
This project was also a good chance to practice my frontend ReactJS skills, and to learn how to use tools such as webpack and Babel, without always relying on create-react-app. The site is deployed on Netlify.
Install and initialize npm first:
npm install
npm init
To run the app in development mode on localhost:
npm start
To build the app for production in the build
folder:
npm run-script build
- HTML / SCSS
- ReactJS
- Hacker News API
- webpack
- Babel
- Postman (for API testing)
- Netlify
For list of dependencies, see the package.json
file.