Simple Full-stack todo app
This is a Fullstack application that manages user tasks. The app is built with Express.js and connects to a MongoDB database running in Docker. The frontend is built with Vue.js.
- CRUD Operations on user tasks
- Experienced frontend with Vuejs
- MongoDB database for user data storage
- Dockerized MongoDB and Express for ease of deployment
- Frontend: Vue.js
- Backend Framework: Node.js with Express.js
- Database: MongoDB (Dockerized)
- API Testing: Postman
-
Clone the repository:
git clone https://github.com/PydevAzmi/Todo-App.git
-
Navigate to the Backend project directory:
cd Todo-App/backend -
Setup the environment variables:
touch .env
Write the following in the .env file:
NODE_PORT=8000 MONGODB_DATABASE=mydb MONGODB_PASSWORD=password MONGODB_DOCKER_PORT=27017 MONGODB_USER=pydevazmi MONGODB_HOST=localhost -
build the Docker image:
docker-compose build
-
run the Docker containers:
docker-compose up
The backend will be accessible at http://localhost:8000.
-
Navigate to the Frontend project directory:
cd Todo-App/frontend -
Install the dependencies:
npm install
-
Start the development server:
npm run dev
The frontend will be accessible at http://localhost:3000.
this is the API documentation for the TODO application published on Postman: https://documenter.getpostman.com/view/23311056/2sAYBbc8AS
Contributions are welcome! Please open an issue or submit a pull request for enhancements or bug fixes.
This project is licensed under the MIT License.