Skip to content

An exploration web app for testing the new React 18 + React Router DOM 6

Notifications You must be signed in to change notification settings

fdhani/news-app

Repository files navigation

News App

An App to showcase the usage of the following tech stack:

  • React 18
  • React Router DOM 6
  • Emotion 11
  • Local Storage

And and an attempt to implement Clean Code Architecture (Far from perfect, but in progres) on a front end app.

How to Run for Local Development

  1. Go to directory
  2. Run echo "ESLINT_NO_DEV_ERRORS=true\nREACT_APP_API_KEY=YOUR_API_KEY" > .env (subtitute YOUR_API_KEY with your API key from https://newsapi.org/)
  3. Run npm install
  4. Run npm run start on terminal

Features

Main Page

Screenshot 2023-08-29 at 20 11 46

Filtering by Source

Screenshot 2023-08-29 at 20 22 14

Visited Articles

Screenshot 2023-08-29 at 20 25 05 Screenshot 2023-08-29 at 20 22 30

Searching

Screenshot 2023-08-29 at 20 27 20

Locally Modify Headline Title

Screenshot 2023-08-29 at 20 24 33 Screenshot 2023-08-29 at 20 24 44

About

An exploration web app for testing the new React 18 + React Router DOM 6

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published