Robotics_task

Step 1: Install the required react.js and python-flask libraries using the following command

npm install axios chart.js react-chartjs-2 react-router-dom
pip install Flask
pip install Flask-CORS
pip install flask_pymongo
pip install random
pip install pymongo

Step 2: Run the populate_database.py file to insert dummy data into your database and verify whether it is updated on your database using MongoDb Compass

python populate_database.py

Step 3: Now run the client and server simultaneously

In client folder

npm start

In server folder

python app.py

Step 4: Visit http://localhost:3000 to access the dashboard

I have also implemented the api integration using CORS. The data from the database will be updated in real time locally at http://localhost:5000/api/data.

Results