asma-hachaichi / Hacker-news-clone

A web application developed in React.js that serves as a clone of the Hacker News website. The project contains two main pages: "New Stories" and "Top Stories", with story data fetched from the Hacker News API. Static login interfaces are provided for demonstration purposes.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hacker News Clone

A web application developed in React.js that serves as a clone of the Hacker News website. The project contains two main pages: "New Stories" and "Top Stories". The application fetches story data from the Hacker News API to display on these pages. Additionally, static login interfaces are provided on the pages, but they are not functional in this version of the project.

Features

Two main pages: "New Stories" and "Top Stories"
Story data fetched from the Hacker News API
Static login interfaces for demonstration purposes

Installation

1 - Clone the repository to your local machine using git clone https://github.com/asma-hachaichi/hacker-news-clone.git
2 - Navigate to the project directory: cd hacker-news-clone
3 - Install the required dependencies: npm install

Usage

1 - Start the development server: npm start
2 - Open your web browser and navigate to http://localhost:3000

Pages

New Stories

The "New Stories" page displays the latest stories fetched from the Hacker News API. Each story is listed with its title, author, and publication time in minutes ago.

Top Stories

The "Top Stories" page displays the top stories fetched from the Hacker News API. Similar to the "New Stories" page, each story's title, author, and publication time are listed.

Login Interfaces

These interfaces demonstrate the layout and design of potential login forms but are not functional in this version of the project.

Acknowledgments

The project is based on the Hacker News website (https://news.ycombinator.com/)
Data is fetched using the Hacker News API (https://github.com/HackerNews/API)

About

A web application developed in React.js that serves as a clone of the Hacker News website. The project contains two main pages: "New Stories" and "Top Stories", with story data fetched from the Hacker News API. Static login interfaces are provided for demonstration purposes.


Languages

Language:JavaScript 77.2%Language:CSS 12.4%Language:HTML 10.4%