Hacker News Clone

A Hacker News clone built with React, styled-components, and TypeScript.

Table of Contents

• Features
• Tech Stack
• Setup
• Usage
• Contributing
• License

Features

• View a list of news articles and discussions from the Hacker News API.
• Sort articles by various criteria, including score, date, and comments.
• Search for articles and discussions by keyword.
• View individual articles and discussions in more detail, including comments and related articles.
• Responsive design for optimal viewing on desktop and mobile devices.

Tech Stack

• React
• styled-components
• TypeScript
• Axios
• React Router
• React Helmet

Setup

1. Clone the repository:

git clone https://github.com/Renszit/hackernewsclone.git

2. Install dependencies:

cd hackernewsclone
npm install

3. Create a .env.local file in the root of the project and add the following:

REACT_APP_API_BASE_URL=https://hacker-news.firebaseio.com/v0

Usage

1. Start the development server:

npm start

2. Open your web browser and go to http://localhost:3000.