An interactive news site that allows users to post, vote and comment on articles.
Articles can be filtered by topic and author with multiple sorting options.
This site was built using React for the front-end portion of the CRUD app, connecting to a back-end API.
A hosted version of this project can be found here.
(Please allow 30 seconds for it to load before viewing)
This site makes use of a back-end API and database that was built here.
Github repo: (https://github.com/HannahHan9/be-nc-news)
- User content - Users can post articles. To do so, please sign in using one of the provided usernames (click the button for whichever username you want to use).
- User interaction - Users can comment on articles.
- Content deletion - Users can delete their own articles and comments.
- Voting - Anyone can vote on an article or comment - sign in is not necessary.
- React
- Axios
After forking and cloning this repo, navigate to the project directory. Install the required dependencies and start the development server with the following commands:
npm install
npm run dev
Vite will display a message in the terminal to notify where the app is hosted. This is usually at http://localhost:5173/.
This project was built using Node.js v20.0.0.
"axios": "^1.4.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^4.10.1",
"react-router-dom": "^6.14.1",
"react-toastify": "^9.1.3",