The front end React Redux app for the ShipVista Plant Assessment. The backend code can be seen here.
- React JS (Javascript Library)
- Redux (State Container)
- Redux Toolkit (Package to help in Redux development)
- TypeScript (Static typed superset of JavaScript)
- NPM (version 7.x and above) (Download node.js to install npm here)
- GIT (version 2.x and above) (Download here)
Follow the instructions in the README.md file of the backend source code which can be seen here.
Clone the repository to your computer.
git clone https://github.com/joshADE/plant-watering-app-frontend.git
- cd to the project directory.
- run
npm install
to install dependencies.
npm install
Inside the src folder, edit axios.ts and change the baseURL variable to the url of the running backend server. Make sure that '/api' is added at the end of the url.
const instance = axios.create({
baseURL: 'https://localhost:44321/api/',
});
The link to the backend source can be seen above. You will need to get it running in your local environment.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.