https://github.com/liquid-o2/noon-news
Noon News is a news aggregator app that fetches its data from the HackerNews API. Stay up to date on the latest tech news, business developments, and more with Noon News.
https://github.com/liquid-o2/noon-news
api hackernews-api hackernews-clone javascript nextjs react react-hooks ssr
Last synced: 3 months ago
JSON representation
Noon News is a news aggregator app that fetches its data from the HackerNews API. Stay up to date on the latest tech news, business developments, and more with Noon News.
- Host: GitHub
- URL: https://github.com/liquid-o2/noon-news
- Owner: liquid-O2
- Created: 2022-09-20T15:54:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-23T15:55:36.000Z (over 2 years ago)
- Last Synced: 2025-03-28T23:43:55.394Z (3 months ago)
- Topics: api, hackernews-api, hackernews-clone, javascript, nextjs, react, react-hooks, ssr
- Language: SCSS
- Homepage: https://noon-news.vercel.app
- Size: 140 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Noon News
Noon News is a news aggregator app that fetches its data from the HackerNews API. Stay up to date on the latest tech news, business developments, and more with Noon News.
This app was built using Next.js 12, React, React Hooks, CSS, and JavaScript.
## Features
- View the top stories from HackerNews
- View the newest stories
- Clean & Dark UI
## Getting Started
To get started with Noon News, either visit the [Live website](https://noon-news.vercel.app/)
or simply clone the repository and install the dependencies:
```bash
git clone https://github.com/liquid-O2/noon-news.git
cd noon-news
npm install
```
Then, start the development server:
```bash
npm run dev
```
Your Noon News app will be available at `http://localhost:3000`
## Testing
To run the test suite, simply run:
```bash
npm run test
```
## Built With
- [Next.js](https://nextjs.org/) - A framework for building server-rendered React applications
- [React](https://reactjs.org/) - A JavaScript library for building user interfaces
- [React Hooks](https://reactjs.org/docs/hooks-intro.html) - A way to use state and other React features without writing a class
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) - A stylesheet language used for describing the look and formatting of a document written in HTML
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - A programming language used for building web applications
- [SASS](https://sass-lang.com/)- A stylesheet language that extends CSS with features such as variables and mixins
## Contributing
If you'd like to contribute to Noon News, please fork the repository and make your changes as a separate branch. Once you've made your changes, open a pull request and we'll review your submission.