npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

todo-list-nodejs

v1.0.0

Published

TO-DO List using Nodejs

Downloads

5

Readme

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 [email protected]

🛠 Skills

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

Feedback

If you have any feedback, please reach out to us at [email protected]