NC news is a web-based application that provides users with the latest news articles on topics such as coding, cooking, and football. The front end is built using React.js and styled with Tailwind CSS and Chakra UI, which interacts with a RESTful backend API to fetch and display news articles.
- Responsive Design: Fully responsive and optimized for mobile, tablet and desktop devices
- News Categories: Browse new articles by category (e.g. Coding, Football, Cooking) - Coming Soon!
- Posting Comments: Express yourself by posting comments on your preferred article
- Categorize and Filter Articles: Filter articles based on the date, time created, votes and comments
- Sign In & Sign Out: Sign in with a username and name, these are the available names and usernames respectively: tickle122|Tom Tickle, grumpy19|Paul Grump, happyamy2016|Amy Happy, cooljmessy|Paul Messy, weegembump|Gemma Bump, jessjelly|Jess Jelly.
- Node.js version: >= 16.0.0
- Package Manager: npm
- React.js
- Axios
- React router
- CSS
- Node.js(v14 or higher)
- npm (Node Package Manager)
- Clone the repository:
git clone https://github.com/OpaogunProsper/fe-nc-news.git - Change your directory into the cloned repo:
cd fe-nc-news - Install dependencies:
npm install - Runs the app in development mode:
npm run dev - Open your browser and go to
http://localhost:5173
- Fork the project
- Create your feature branch: git checkout -b feature
- Commit your changes: git commit -m 'Added some amazing features'
- Push to the branch: git push origin feature
- Open a pull request
This portfolio project was created as part of a Digital Skills Bootcamp in Software Engineering provided by Northcoders