NewsHook - React TypeScript News App

Responsive news app made with React, React Router and TypeScript. Displays fetched news from Guardian.

App is also deployed on Netlify: https://newshook.netlify.app

Built with

• HTML
• CSS
• JavaScript / TypeScript
• React & React Router

Installation and Setup

This app was created using Vite: https://vitejs.dev

• Clone repository
• Install: npm install
• Run: npm run dev
• Open http://localhost:5173 to view the app in the browser

Description and Usage

• App is fetching data from Guardian API: https://open-platform.theguardian.com
• News are divided into sections, when you open a section it will display 30 latest articles from that category
• You can go to src/components/Display.tsx and change pageSize property inside the query object if you want different number of articles by section.
• Articles are grouped by dates on the section page
• When you click on the article link, a full article will be displayed with the article id as the route path
• Article is saved in local storage and will display again after page reloads

License

MIT License. See LICENSE.txt for more information.