https://github.com/mehradevesh2022/taskpro

TaskPro is a full-stack to-do app built using HTML5, CSS3, JavaScript, Express.js, Node.js, and MongoDB. Streamline your task management with features for adding, editing, and deleting tasks, all securely stored in a MongoDB database. Stay organized and efficient with TaskPro's user-friendly interface and comprehensive functionality.
https://github.com/mehradevesh2022/taskpro

css3 cychlic cyclic-deployment expressjs fullstack-javascript fullstack-todo html5 mongodb mongoose nodejs task-management-app vanila-javascript vanila-javascript-project vscode

Last synced: about 2 months ago
JSON representation

TaskPro is a full-stack to-do app built using HTML5, CSS3, JavaScript, Express.js, Node.js, and MongoDB. Streamline your task management with features for adding, editing, and deleting tasks, all securely stored in a MongoDB database. Stay organized and efficient with TaskPro's user-friendly interface and comprehensive functionality.

• Host: GitHub
• URL: https://github.com/mehradevesh2022/taskpro
• Owner: MehraDevesh2022
• Created: 2023-08-09T16:07:12.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-12T02:54:20.000Z (almost 2 years ago)
• Last Synced: 2025-02-03T23:31:37.510Z (4 months ago)
• Topics: css3, cychlic, cyclic-deployment, expressjs, fullstack-javascript, fullstack-todo, html5, mongodb, mongoose, nodejs, task-management-app, vanila-javascript, vanila-javascript-project, vscode
• Language: JavaScript
• Homepage: https://busy-teal-lion-robe.cyclic.cloud/
• Size: 204 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# TaskPro: Full Stack To-Do Manager

---

Welcome to TaskPro, a powerful full stack to-do manager application. With TaskPro, you can efficiently organize your tasks, edit them, and mark them as completed, all while enjoying a seamless user experience. Whether you're looking for a simple task list or a comprehensive to-do manager, TaskPro has you covered.

 

## Tech Stack

---

![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=flat-square&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black)

![Express.js](https://img.shields.io/badge/-Express.js-000000?style=flat-square&logo=express&logoColor=white)

![Node.js](https://img.shields.io/badge/-Node.js-339933?style=flat-square&logo=node.js&logoColor=white)

![MongoDB](https://img.shields.io/badge/-MongoDB-47A248?style=flat-square&logo=mongodb&logoColor=white)

![Mongoose](https://img.shields.io/badge/-Mongoose-880000?style=flat-square&logo=mongoose&logoColor=white)

## Screenshots

  **Home Page**



    **Add Task**



    **Edit Task**

 

    

 

##  Deployed Link from cyclic.sh  :

     

 https://handsome-leotard-jay.cyclic.app/

## Features

---

- Add new tasks to your to-do list.

- Edit existing tasks and mark them as completed.

- Delete tasks that are no longer needed.

- All tasks are saved and available for future use.

## Installation

---

1. Clone this repository:

```bash 

git clone https://github.com/MehraDevesh2022/TaskPro.git

```

2. Install the dependencies:

---

```bash

cd TASKPRO

npm install

```

 - Add your MongoDB URI to the config/.env file. Use key name as DB_LINK  and assign your MongoDB URI to it.  

3. Start the server:

---

```bash

npm start

```

4. Navigate to `http://localhost:3000/` in your browser of choice.

---

## Contributing

Contributions are always welcome ! add your own features and make a pull request.