This is a mock News web application built with:
- React
- React Bootstrap
- Node.js
- Vite
- Axios
- HTML
- CSS
- JavaScript
It allows users to browse news articles, view individual articles, vote on articles, post comments, delete comments, and vote on those comments.
- Live App: https://northcoders-news-kh.netlify.app
- API: https://northcoders-news-iumv.onrender.com/api
- Backend repo: https://github.com/KelH83/backend-project-nc_news
For the live site please use one of the following usernames to log in and vote/post comments etc:
tickle122
weegembump
grumpy19
happyamy2016
cooljmessy
jessjelly
The password is not functional(yet) so you can enter anything
- News Article Retrieval: The app fetches news articles from a the API.
- View Single Article: Users can view a detailed page for each news article.
- Article Voting: Users can vote on articles to express their opinions.
- Commenting System: Users can post comments on articles and delete a comment they made
- Comment Voting: Users can vote on comments posted by other users.
- Filtering by Topic: Users can filter articles by topic.
- Sorting: Articles can be sorted by date, comments, or votes.
Minimum node version required: 21.1.0 or above
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/KelH83/nc_news.git
-
Navigate into the project directory:
cd nc_news
-
Install dependencies:
npm install
-
Start the server:
npm run dev
Contributions are welcome! If you find any bugs or have suggestions for improvements, please get in touch!
Email: Kellyhowes83@gmail.com
Have fun coding! 💻