This repo is a portfolio project simulating a message board / news site. Visitors to the site can read news articles, sort and order these articles, and interact with them through comments and likes. The project was developed in React.
A hosted version of this repo can be found here: https://nc-news-front-end-wfs.netlify.app/
The site is complement to the Northcoders News API, which is hosted here. You can find the repo for this project here and a hosted version here.
- Sort and order articles by topic, author, popularity etc
- Comment, up-vote and down-vote articles
- Light and dark themes
- Optimistic rendering
- Conditional CSS rules
Before installing locally, ensure that you have as a minumum requirement Node v19.20.0 set up on your system.
To clone this repo to your computer, navigate to the desired destination on your system and type git clone https://github.com/wfreemansmith/nc-news-front-end.git into the command line.
Once cloned, input npm istall which will install the following dependencies:
- Axios (v1.3.4)
- CRA Template (v1.2.0)
- React (v18.2.0)
- ReactDOM (v18.2.0)
- React Router (v6.9.0)
- React Scripts (v5.0.1)
- Web Vitals (v2.1.4)
To run the app locally, use one of the scripts provided by React npm start. This will open http://localhost:3000 in your browser.
The project will be updated in the near future with the following features:
- Authenticated login
- Transition animations