https://github.com/pranay-0512/whattodo
A fullstack todo app
https://github.com/pranay-0512/whattodo
Last synced: 3 months ago
JSON representation
A fullstack todo app
- Host: GitHub
- URL: https://github.com/pranay-0512/whattodo
- Owner: pranay-0512
- Created: 2023-05-16T17:58:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-24T07:08:47.000Z (almost 2 years ago)
- Last Synced: 2024-12-27T18:16:56.208Z (5 months ago)
- Language: Python
- Homepage: https://adb-test-master.vercel.app
- Size: 19.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fullstack todo
Watch the working.mp4 video to see the working solution.
This is a full-stack todo list app that uses Django for the backend, React.js for the frontend, and MongoDB as the database. The code is containerized with all dependencies using Docker, making it easy to deploy and run the app on any platform.
For local setup,
1.Clone this repository
git clone https://github.com/adbrew/test.git
2.Change into the cloned directory and set the environment variable for the code path. Replace path_to_repository appropriately.
export ADBREW_CODEBASE_PATH="{path_to_repository}/test/src"
3.Build container (you only need to build containers for the first time or if you change image definition, i.e., Dockerfile). This step will take a good amount of time.
docker-compose build
If any issue occurs while building, toggle the command in the dockerfile - RUN easy_install pip
4.Once the build is completed, start the containers:
docker-compose up -d
5.Once complete, docker ps should output something like this:
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
e445be7efa61 adbrew_test_api "bash -c 'cd /src/re…" 3 minutes ago Up 2 seconds 0.0.0.0:8000->8000/tcp api
0fd203f12d8a adbrew_test_app "bash -c 'cd /src/ap…" 4 minutes ago Up 3 minutes 0.0.0.0:3000->3000/tcp app
884cb9296791 adbrew_test_mongo "/usr/bin/mongod --b…" 4 minutes ago Up 3 minutes 0.0.0.0:27017->2701 mongo
The localhost:3000 (react app) will take some time.
Once built, you can access http://localhost:3000 and http://localhost:8000/todos .
The app is built such that not webpage refresh is required for updation of any changes made in the backend and/or database.
Any changes in the backend and/or database, the change will be reflected in the frontend and vice-versa.