https://github.com/pktcodes/hacker-news-react-project
Hacker News Project using React
https://github.com/pktcodes/hacker-news-react-project
api context-api css3 ecmascript6 hacker-news hacker-news-api html5 javascript react react-hooks usecontext usereducer
Last synced: 4 months ago
JSON representation
Hacker News Project using React
- Host: GitHub
- URL: https://github.com/pktcodes/hacker-news-react-project
- Owner: pktcodes
- Created: 2022-07-04T06:04:30.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-15T16:52:02.000Z (almost 3 years ago)
- Last Synced: 2025-01-02T11:44:29.664Z (5 months ago)
- Topics: api, context-api, css3, ecmascript6, hacker-news, hacker-news-api, html5, javascript, react, react-hooks, usecontext, usereducer
- Language: JavaScript
- Homepage: https://react-hacker-news-prod.netlify.app/
- Size: 374 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hacker News 📰
> PROD [Live] : https://react-hacker-news-prod.netlify.app/
#### Hacker News consists of a straight forward user interface where there is a
- List of stories by default is set to fetch **REACT**, a search form to query for specific stories as we are typing.
- **Search form** to query for a specific category of stories and the stories matching the query are fetched on changing every word. If no matching stories are found, it returns nothing.
- To read more details of a specific story/article in the list, click on the **Read more**, and to remove a story from displaying on UI, click on **Remove**.
- Buttons have been implemented to move between different pages of the stories, **Prev** for going to the previous page and **Next** for going to the next page along with **page numbers**.
- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm start` to start up the development server on default port 3000.
#### Languages
HTML, CSS, JavaScript, ECMAScript, React ~ Context API - Hooks ~ useEffect, useReducer, useContext
#### API
https://hn.algolia.com/api
#### Deployment / Hosting
Netlify
---
_Note: I have developed this project ~ [22] as part of React and Projects Course taught by John Smilga._