Northcoders News Front End

Welcome to my News Front End Project!

I created this project during my JavaScript Software Development Bootcamp at Northcoders. It builds on the backend API I created earlier in the bootcamp, delivering a responsive React-based news site. It features:

• Mobile-first responsive design
• Accessible semantic HTML
• Reactive elements built according to user stories
• Organised file structure and reusable components
• Use of TailwindCSS for a modern approach to styling
• Implemented React Router more shareable and dynamic URLs
• Loading state and optimistic rendering for enhanced UX

The back end of the project can be viewed here.

The hosted site can be viewed here.

(Please note that there may be a small spin-up period when first loading the site.)

Requirements for running locally

• Node.js version v22.9.0 or later

Setup

To clone the repository, start by clicking "Code" at the top of this page and copy the given URL. Then enter the following in your terminal:

git clone https://github.com/Smasheroonie/nc-news-frontend.git
code nc-news-frontend

This will clone and open the new folder in VS Code.

Open your terminal in VS Code and run the following command to install dependencies:

npm install

You can then run the local development server with the command:

npm run dev

Ctrl + click the localhost link in the terminal to open in your browser.

Thank you for viewing my project!

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