Demo of basic React by simple shopping list app. The shopping list allows adding, crossing out, removing items from the list.
Code pen version: https://codepen.io/hei123/pen/JmyXxz
Credit: Marek Dano (https://codepen.io/marekdano/pen/bVNYpq)
-
Install Nodejs on your machine. Download it here. Nodejs installation include npm that would be used later on
-
Using terminal to check whether npm installed
- Window: search for
cmd
, launch it then typenpm --version
. - Mac: press
cmd+spacebar
then search forterminal
, launch it then typenpm --version
.
If npm is installed correctly, it should show a version number. If not, you can try reinstall Nodejs.
- Window: search for
-
Download the repo as zip or using git clone then unzip it.
-
Running the application
- Launch terminal or command prompt (step 2)
- Go to extracted folder using
cd
command - Type
npm install
, this command is used to install dependencies for the project - Type
npm start
, this command is used to run the project
-
Open your browser and go to http://localhost:3000 (the address may change depending on machine so please check your terminal for correct link)
https://drive.google.com/file/d/1QylCOq-XeNMYu3FvVBLkC26St-IsNM66/view?usp=sharing
- Windows machine has
react-scripts start
error- Delete node modules inside project folder
- On terminal or command prompt, type
npm install
thennpm start
- Please try and let me know, thanks