NewsBuddy lets you view the latest news from around the world, while keeping the experience smooth by giving quick access to a vast arsenal of sorting tools. This project utilizes Nextjs, and NewsAPI to provide fast and reliable way for fetching news.
- Uses NewsAPI for fetching news
- Pagination (20 articles per page)
- Fetch requests are cached
- Sorting (relevant, newest, popular)
- Searchbar (search by any phrase)
- User settings (theme and option to include/exclude images from articles)
- Search by category
- Error boundaries and loading state
- Website is fully responsive
- Javascript (ES6+)
- React with Hooks
- Next.js (React Framework)
- Recoil (State Management Library)
- SWR (React Hooks for Fetching Data)
- SCSS
- Storing User Settings in Cookies
- Extra options for fetching e.g. custom amount of articles per page
- PropTypes for each component
- Custom grid view
- Fetching individual post (not possible due to API limitations)