https://github.com/adiii3692/task-manager-webapp

A Containerized Full-Stack Web Application For Task Managing. Implemented backend in React.js, Node.js, Express.js, MongoDB
https://github.com/adiii3692/task-manager-webapp

docker docker-compose expressjs full-stack-web-development javascript mongodb nodejs npm reactjs

Last synced: 3 months ago
JSON representation

A Containerized Full-Stack Web Application For Task Managing. Implemented backend in React.js, Node.js, Express.js, MongoDB

• Host: GitHub
• URL: https://github.com/adiii3692/task-manager-webapp
• Owner: adiii3692
• Created: 2024-07-01T19:16:24.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-08T19:45:05.000Z (almost 2 years ago)
• Last Synced: 2025-02-10T12:19:30.271Z (over 1 year ago)
• Topics: docker, docker-compose, expressjs, full-stack-web-development, javascript, mongodb, nodejs, npm, reactjs
• Language: JavaScript
• Homepage:
• Size: 748 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# AD's To Do MERN App !

## Sneak Peek:

![tasks](https://github.com/user-attachments/assets/408a1765-c919-4996-83b5-5b6780710a42)

![login](https://github.com/user-attachments/assets/402680f6-47db-4046-b87d-bf7bfa74bc8e)

![signup](https://github.com/user-attachments/assets/8c213124-f2ba-46ea-bd7f-f37e132073e0)

![create](https://github.com/user-attachments/assets/fb59dad0-d367-40f3-83d7-de03c58f4fb0)

![update](https://github.com/user-attachments/assets/47fb4705-41fe-4958-b0d0-912980012c8f)

![delete](https://github.com/user-attachments/assets/7a373d22-760d-4117-bc97-27fe89077b73)

## Tech Used:

1. HTML

2. Tailwind CSS

3. MongoDB

4. Express.js

5. React.js

6. Node.js

## Description:

This project is a simple to do list app made using the MERN stack

### Features:

* Users can signup for an account and login to access the dashboard

* Upon logging in, the user can view their tasks if any, or create new tasks

* Users can also edit an existing task and choose to delete it

* Users can logout upon logging all of their tasks

## How to run the webapp?

1. It is recommended to open all the files in a code editor such as VS Code (Preferably)

2. If not already downloaded, you need to ensure that you have downloaded the latest version of [Node.js](https://nodejs.org/en/download/package-manager).

3. After downloading Node.js and the necessary code editor, you need to use the code editor to open the 'ToDo' folder on your device

4. The code editor **MUST** be opened into the directory in which all the files are located

5. After opening the code editor into the 'ToDo' folder, create a new terminal session on VS Code and run the following command:

  

```

cd server

npm run build

npm run dev

```

6. Upon entering the following commands nodemon should execute the index.js file and make a connection to the MongoDB databse

7. Additionally, the app should be listening to **port: 5555**

8. Next, make another terminal session, making sure not to terminate the session on which the server is running

9. Run the following commands on the new terminal session:

```

cd client

npm i

npm run dev

```

10. After running the commands, the vite react app should run on a localhost web server link mentioned on the command line

11. Click on the link to open the webapp and enjoy !!