Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 18 days ago
JSON representation

Host: GitHub
URL: https://github.com/mehradevesh2022/taskpro
Owner: MehraDevesh2022
Created: 2023-08-09T16:07:12.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-08-12T02:54:20.000Z (over 1 year ago)
Last Synced: 2024-12-09T11:51:12.074Z (2 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.