The News Desk is an aggregator app, which finds news articles from newsAPI.com, The Guardian and The New York Times and then displays them per category page.
This is a student project to improve my skills with React and Next JS. I designed this app as I keenly follow the news and wanted to build something that pulls from a number of sources but also displays in a pleasing manner.
It is built to be lightweight and quick.
The actual UI borrows heavily from the Guardian website but as I am trying to become a developer as opposed to a designer, I believed this a fair pay off - allowing me to focus more on the technical implementation as I had a ’design template’ to work from.
Post are fetched from the APIs via getStaticProps in the relevant page - the whole site is then triggered to rebuild at 4am GMT every day. So we have a balance between super fast loading when accessed by the user but also the news feed is refreshed daily with up to date news.
I hope you like it!
- React v17.0.1
- Next v10.0.1
- Next CSS modules
- Deployed with Vercel
To run the app locally, clone the repo and install the app using:
$ git clone https://github.com/jondhill333/the-news-desk
$ cd the-news-desk
$ npm install
$ npm run dev
This project is designed and developed by JonHill.
Thanks for your interest in contributing! There are many ways to contribute to this project. Please see below for a wishlist.
Wishlist:
- Add extra news source API's to get wider ranging content
- Refactor - is there a way to not have 5 different display components, but variants of the same component
- Refactor CSS - less fixed units, more use of clamp, less media queries
- Improved SEO
- Implement Searchbar - so users can search for all news under a certain search term
- "Leave feedback" widget or section
This project is open source and available under the MIT License