- Overview
- Learning Goals
- Technologies
- Contributors
- Deployed Webpage
- Demo
- Accessibility
- Planning
- Future Additions and Improvements
- Project Spec
- Set Up
A minimalist news reader app built in React that displays articles from the New York Times API Top Stories API.
Instructions for this solo challenge include creating a React application that allows users to see a list of articles and a “detailed” view for each article in 8 hours. The goal of this project was to demonstrate the understanding of:
- React fundamentals
- Create multi page UX using React Router
- Frontend best practices
You can view the deployed webpage here!
Demo is shown in multiple views, as to display responsiveness across devices.
Screen.Recording.2022-11-10.at.6.13.22.PM.mov
Screen.Recording.2022-11-10.at.6.15.45.PM.mov
Screen.Recording.2022-11-10.at.6.33.51.PM.mov
LightHouse was used to measure the accessibility of this app, as well as evaluate best practices.
You can view the wireframe for this project here!
- Go to this repository and clone it.
cd
into the directory.- Run
npm i
in your terminal - Run
npm run start-dev
- Go to http://localhost:3000/ to view the site.
- Sort by date of article
- Star my favorite articles
- Light and dark modes
- Graphics and styling for more impressive UI/UX Design
Click here for project specs, provided by Turing School of Software and Design.