Interface : 1 Class Diagram, Installation, and Running a React app - 17chuchu/AutomaticBicycleInterface GitHub Wiki

This instruction will explain how to install node, npm, and other necessary dependencies for this React-Web app on your Ubuntu machine.

Table of Contents

• Installing
  • Install node
  • Install all necessary dependencies
• Run The App
• Others
  • NVM

The interface part of the project is located in a folder called 'interface'.

Class Diagram

Installing

I advise you to use WebStorm or Visual Studio Code as your IDE.

Install node

Execute these command on your terminal to install Node.

sudo apt-get update
sudo apt-get install nodejs

In addition, execute this other command to install npm.

sudo apt-get install npm

Lastly, execute this command to see if your Node is updated to the latest version or not. (The version that is used to develop this React app is 8.11.3)

nodejs -v

If the version you get is not the latest version. Then your Advanced Package Tool is not updated yet. Update it using sudo apt-get update and try again.

Install all necessary dependencies

Locate a file called package.json, you can open it with your web browser to see the name of every dependency. And within the directory execute this function.

npm install

Then all dependencies will be installed. Look in a folder called node_modules to see what dependency are installed.

Run The App

Stay in the same directory as the above tutorial to continue.

Execute this command.

npm start

Others

There is a tool for a situation that you want to change node version.

NVM

NVM is a tool that you can use to manage the version of Node, such as installing an old version or update to a newer version.