https://github.com/ayush-kanduri/fullstack-todo-list-application
This project is a Full Stack Todo List Application which is built using the MongoDB, NodeJS, ExpressJS, CSS, Javascript. It implements all the basic functionalities of a todo list, i.e, CRUD Operations (Create Read Update Delete). Users are able to Create new tasks. Users are able to Read the created tasks data. Users are able to Complete the task by checking off the task with a strike through. Users are able to Delete the task. Users are able to Update the tasks with many customized options. Users are able to View a Banner with current date-time. Users can Check the count of remaining tasks, Complete all tasks together, Delete all completed tasks together. Users can View All, Incomplete, Completed Tasks. Users can mark Due Date & Priority Levels for the Tasks.
https://github.com/ayush-kanduri/fullstack-todo-list-application
css ejs express expressjs javascript mongodb node nodejs rest-api
Last synced: 10 months ago
JSON representation
This project is a Full Stack Todo List Application which is built using the MongoDB, NodeJS, ExpressJS, CSS, Javascript. It implements all the basic functionalities of a todo list, i.e, CRUD Operations (Create Read Update Delete). Users are able to Create new tasks. Users are able to Read the created tasks data. Users are able to Complete the task by checking off the task with a strike through. Users are able to Delete the task. Users are able to Update the tasks with many customized options. Users are able to View a Banner with current date-time. Users can Check the count of remaining tasks, Complete all tasks together, Delete all completed tasks together. Users can View All, Incomplete, Completed Tasks. Users can mark Due Date & Priority Levels for the Tasks.
- Host: GitHub
- URL: https://github.com/ayush-kanduri/fullstack-todo-list-application
- Owner: Ayush-Kanduri
- Created: 2022-03-08T06:09:34.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-09-06T10:26:26.000Z (over 3 years ago)
- Last Synced: 2025-05-06T17:47:48.230Z (about 1 year ago)
- Topics: css, ejs, express, expressjs, javascript, mongodb, node, nodejs, rest-api
- Language: CSS
- Homepage: https://fullstack-todo-list-application.onrender.com
- Size: 122 KB
- Stars: 35
- Watchers: 1
- Forks: 64
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 𝐅𝐮𝐥𝐥 𝐒𝐭𝐚𝐜𝐤 𝐓𝐨𝐝𝐨 𝐋𝐢𝐬𝐭 𝐀𝐩𝐩𝐥𝐢𝐜𝐚𝐭𝐢𝐨𝐧 🚀
## ⭐ Introduction
This project is a Full Stack Todo List Application which is built using the MongoDB, NodeJS, ExpressJS, CSS, Javascript. It implements all the basic functionalities of a todo list, i.e, CRUD Operations (Create Read Update Delete).
- Users are able to Create new tasks.
- Users are able to Read the created tasks data.
- Users are able to Complete the task by checking off the task with a strike through.
- Users are able to Delete the task.
- Users are able to Update the tasks with many customized options.
Users are able to View a Banner with current date-time.
- Users can Check the count of remaining tasks, Complete all tasks together, Delete all completed tasks together.
- Users can View All, Incomplete, Completed Tasks.
- Users can mark Due Date & Priority Levels for the Tasks.
## 🔥 Getting Started With The Project
- Fork the Project in your Repository.
- Clone the Forked Repository in your Local System.
- Install & Configure - NodeJS, MongoDB, Robo3T.
- Create '.env' file & Set the Environment Variables in it, as per the 'ENV_FORMAT.json' file.
- Run 'npm install' in GitBash Terminal
- Go to 'package.json' & inside the 'SCRIPTS', find "start":"...."
Change it to - "start": "nodemon index.js",
- If you want to run the project in development mode locally then go to '.env' file & set,
ENVIRONMENT=development
DEPLOYMENT=local
- If you want to run the project in production mode locally then go to '.env' file & set,
ENVIRONMENT=production
DEPLOYMENT=local
- Change "module.exports = production" to "module.exports = development" or vice-versa in the 'environment.js' file as per the requirement.
- Run 'npm start' in GitBash Terminal
- Enjoy :)
For any issues related to the project, raise an ISSUE in the respective Repository.
## 🔨 Tools Used
- Library:
- cors
- dotenv
- ejs
- express
- mongoose
- nodemon
- express-ejs-layouts
- Framework: ExpressJS
- Database: MongoDB
- Version Control System: Git
- VCS Hosting: GitHub
- Programming / Scripting: JavaScript
- Front-End: HTML, CSS, EJS
- Runtime Environment: NodeJS
- Integrated Development Environment: VSCode
## 🔗 Links
> ## Checkout the Website [Web Application](https://fullstack-todo-list-application.onrender.com)
>
> ## Checkout the Application Demo Video [YouTube](https://youtu.be/2VyxSQAE5mo)
## 💻 Screens
## 🐦 Follow Me:
> [Dev Community](https://dev.to/ayushkanduri)
> [Twitter](https://twitter.com/ayush_codes)
> [LinkedIn](https://www.linkedin.com/in/ayushkanduri/)
> [YouTube](https://www.youtube.com/channel/UC6c1ajC_2jF7wQp7Y13t2bg)
I hope you like the project. Thanks for reading :)