Live link: https://valkarncnews.netlify.app/

This project allows the user to read, comment, vote and post articles on their favourite topics. Users can read articles and what other users have to say about them, and contribute their own articles and comments. The user can vote on articles and comments by others and delete their own articles and comments.

Log in at the top right user button. As this project does not currently have user verification, a dummy user has been provided for use which you will by logged in as on clicking.

The home page gives a view of the most recent articles and the highest rated articles. If you are logged in, it will also show the articles you have posted.

Navigate to the Articles page to see a full list of the articles, and use the topics, sort and order options to filter and display articles as you wish to see them.

Click an article to go to its page and read the full article and any comments. To post a comment, you first need to be logged in. You can delete comments associated to your user by clicking the bin icon. If you are the user who posted the article, a delte icon will appear which will allow you to delete the full article and any associated comments.

The Post screen allows you to post new articles to the site. You must select a topic to post the article under. If the topic does not exist, you can select Add new topic which will show the details needed to add a new topic and the submit button for it. You can post an article by hitting the submit button. If successful, a "Go to Article" button will appear which links directly to the new article.

Back end github: https://github.com/ValkarVarg/NC-news Back end api link: https://nc-news-k0xf.onrender.com/api

Node Version: v21.7.1

run project locally: git clone https://github.com/ValkarVarg/NC-news.git cd into appropriate directory install the following (using npm install): vite @emotion/react @emotion/styled @fontsource/roboto @mui/icons-material @mui/material axios react react-dom react-router react-router-dom

you may need to install the follow as dev dependencies (-d): @types/react types/react-dom vitejs/plugin-react eslint eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-react-refresh

This portfolio project was created as part of a Digital Skills Bootcamp in Software Engineering provided by Northcoders