facundopri / hacker-news-frontend-challenge

Small responsive web application, made with Nextjs and the HackersNews public API

Hacker news fontend challenge

Frontend for hacker news
View Demo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contact

About The Project

Small responsive web application, made with Nextjs and using the HackersNews public API

The web application displays the latest posts on the HackerNews api, allowing the user to filter by technologies and save their favorite posts. It also uses infinite scroll as pagination and SWR to cache the requests made, for better user experience and less loading times.

The project also uses Storybook for component documentation and Jest for testing.

Built With

• Nextjs
• Typescript
• CSS
• Storybook
• Jest

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Have node package manager of choice

• npm

  npm install npm@latest -g

  or

• yarn

  npm install --global yarn

Installation

1. Clone the repo

   git clone https://github.com/facundoPri/hacker-news-frontend-challenge

2. Install NPM packages

   npm install

   or

   yarn

3. Run project on localhost

   npm run dev

   or

   yarn dev

4. Run project storybook

   npm run storybook

   or

   yarn storybook

Contact

Facundo Prieto - [email protected]

Project Link: Hacker news fontend challenge