Skip to content

WolfieKnee/fe-nc-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NC-News

I completed this front end project as part of the Software Development Bootcamp with Northcoders. The project "NC News" uses React to access the NC News backend API which I developed as a back end project. It is now live, and deployed via Netlify at: https://celebrated-biscochitos-30e593.netlify.app/

Development

The development process was driven by a set of user stories. These were illustrated using wireframes based on mobile-first principles. A component tree was then used to define the structure of the site, with consideration to Reacts state, props and context, as well as API calls and queries.

Software

This project was completed using:

Setup

The code for this project is available on this GitHub repo and can be cloned using:

$ git clone https://github.com/WolfieKnee/fe-nc-news

Npm packages can then be installed:

$ npm install

You can then run the site locally using Vite with:

$ npm run dev

If you're using your own api, then this can be configured by changing the axios base url in the utils.js file:

|_src
    |_utils
        |_utils.js

baseURL: "https://yoursite.com/api",

The site can be built with:

$ npm run build

The vite documentation has a list of options for deployment, such as Netlify, which also offers Netlify Command Line Interface (CLI) tools.

Minimum Requirements

Node minimum version: v20.8.0

Other Info

favicon from by Andrew Caliber from noun project (cc 3.0)

About

Front end REACT project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published