mplacona / Todo-List-nodejs

Home Page:https://todo-list-nodejs-chi.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Documentation

Documentation

πŸ“ To-Do List nodeJs

The to-do list application is a web-based application that allows users to create and manage a list of tasks. The user interface consists of a form to add new tasks, a list of all tasks, and controls to mark tasks as complete or delete them.

To create the application, Node.js is used to set up the server and handle the logic of the application. Express.js is used to create the routes for the application, allowing the user to interact with the application through a web browser. EJS is used to create the views for the application, allowing the user to see the list of tasks and the form to add new tasks. CSS is used to style the application, making it visually appealing and easy to use.

MongoDB and Mongoose are used to store the tasks in a database, allowing the user to add, delete, and update tasks as needed. Nodemon is used to monitor changes to the code and automatically restart the server, making it easy to develop and test the application.

When the user adds a new task using the form, Node.js and Express.js handle the request and store the task in the database using Mongoose. When the user views the list of tasks, EJS displays the tasks from the database in a list on the web page. When the user marks a task as complete or deletes a task, Node.js and Express.js handle the request and update the database using Mongoose.

Overall, the todo list application using Node.js, Express.js, EJS, CSS, JavaScript, MongoDB, Mongoose, and Nodemon can be a great way to create a functional and interactive web application that allows users to manage their tasks online. With the right combination of technologies, it is possible to create an application that is both functional and aesthetically pleasing, making it easy for users to manage their tasks in a convenient and efficient way.

Technologies Used: NodeJS, ExpressJS, EJS, CSS, JavaScript, Nodemon, MongoDB, Mongoose.

Demo

Under process...

Authors

Features

  • Create, Update, and Delete Tasks: Enable users to create new tasks, update existing tasks (e.g., mark as completed, edit task details), and delete tasks they no longer need.
  • Task Categories provides Implement the ability for users to categorize their tasks into different categories (e.g., work, personal, shopping) or assign labels/tags to tasks for better organization and filtering.
  • MongoDb to store your the user data

Run Locally

Clone the project

  git clone https://github.com/Ankit6098/Todos-nodejs

Go to the project directory and open index.html file

  cd Todos-nodejs

Install the packages

  npm install / npm i

Start the Server

    npm start / nodemon start

Acknowledgements

Screenshots

225232515-4c100b6b-52e4-40f8-a6d4-85e30dc2f5e7 225232960-da554f1f-ba4a-41f8-9856-edaebe339d76 225238829-05433362-5b16-454c-92d5-5e536fe6912e 225239140-226f8eae-d8b8-4055-8a68-d85d523c2422 225239221-caf86f3d-ef17-4d18-80a6-c72123ff5444 225239406-98b7ba7d-df97-4d27-bb66-596a32187d87 225239841-4b5d77f0-4a54-4339-b6b3-b6a1be6776b5

Related

Here are some other projects

Alarm CLock - javascript
IMDb Clone - javascript

πŸš€ About Me

I'm a full stack developer...

Hi, I'm Ankit! πŸ‘‹

I'm a full stack developer 😎 ... Love to Develop Classic Unique fascinating and Eye Catching UI and Love to Create Projects and Building logics.

πŸ”— Links

portfolio

linkedin

Other Common Github Profile Sections

🧠 I'm currently learning FullStack Developer Course from Coding Ninjas

πŸ“« How to reach me ankitvis609@gmail.com

πŸ›  Skills

React, Java, Javascript, HTML, CSS, Nodejs, ExpressJs, Mongodb, Mongoose...

Feedback

If you have any feedback, please reach out to us at ankitvis609@gmail.com

About

https://todo-list-nodejs-chi.vercel.app


Languages

Language:EJS 71.7%Language:CSS 22.3%Language:JavaScript 6.0%