The front page of the apps after adding items.
We can delete the notes by clicking on the "x" button. The front page of the app after deleting a few items.
To recreate this, follow the following step:
- Download and install MongoDb Compass, MongoDB shell and MongoDB community server. After these things are installed, add mongodb to the PATH variable.
- Make sure you have Javascript and ReactJS installed.
- Also, Install FastAPI version 0.65.1, I have also mentioned that in the requirements.txt file in the fastAPI folder.
- Open the terminal and run
uvicorn main:app --reload
in the fastAPI folder to run the fastAPI server and go tohttp://127.0.0.1:8000/docs
to see the APIs that were created for this project. - Go to React folder and run
npm start
to start the react app. - Along with these, to get the live demo of the datbase launch the MongoDB Compass and input the address
mongodb://localhost:27017/
to connect to the database where these operations are happening.