https://github.com/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.
https://github.com/asma-hachaichi/hacker-news-clone

api hacker-news-api reactjs

Last synced: 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/asma-hachaichi/hacker-news-clone
• Owner: asma-hachaichi
• Created: 2023-08-10T11:40:28.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-09-07T11:14:06.000Z (over 1 year ago)
• Last Synced: 2025-02-06T09:38:38.658Z (4 months ago)
• Topics: api, hacker-news-api, reactjs
• Language: JavaScript
• Homepage:
• Size: 167 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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)