Steps to create Project & add all dependencies in Ubntu18.04>

shortcut way is just download whole project install npm >go inside project directory > npm start

Install nodejs npm npx
sudo apt update
sudo apt install nodejs npm
sudo apt install npm

npm install -g npx
npx create-react-app [react-app/YourAppName]
cd react-app
npm start

Then open http://localhost:3000/ to see your app.
stop ctrl+c to add dependencies

Installing Libraries & framework

npm install axios
npm install sweetalert --save
npm install react-custom-roulette

replace src and public folder in react-app and copy the package.json then do npm install

npm start
open http://localhost:3000/ to run app again.

Problem Statement

The goal is to design a web app that allows the user to spin by tapping ‘Spin’and get the reward mentioned on the segment of wheel where it stops

Libraries & Resources used

React JS(UI),
axios: To handle API calls
sweetAlert, -Notify the user about pize won
npm: Package manager

I used a Customizable React roulette wheel plugin with spinning animation from here https://www.npmjs.com/package/react-custom-roulette#wheeldata

Screeshots

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

My lerning resource

I learned about spreadsheet API from here here: https://www.youtube.com/watch?v=M0Jtp_0e70c