Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/msalman81/todolist
This is a todolist web application created using Node.js and Express and MongoDB. This experience enabled me to play with Node.js and MongoDB and made me ponder about UI/UX elements
https://github.com/msalman81/todolist
backend database ejs ejs-templating javascript lodash mongodb mongoose nodejs todolist ui userdesign userinterface ux webdevelopment
Last synced: 2 months ago
JSON representation
This is a todolist web application created using Node.js and Express and MongoDB. This experience enabled me to play with Node.js and MongoDB and made me ponder about UI/UX elements
- Host: GitHub
- URL: https://github.com/msalman81/todolist
- Owner: msalman81
- Created: 2019-07-18T14:05:05.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T18:50:59.000Z (about 2 years ago)
- Last Synced: 2024-09-28T07:22:16.130Z (3 months ago)
- Topics: backend, database, ejs, ejs-templating, javascript, lodash, mongodb, mongoose, nodejs, todolist, ui, userdesign, userinterface, ux, webdevelopment
- Language: JavaScript
- Homepage:
- Size: 50.8 KB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToDoList
This is a Todolist web application that uses ejs templating for front-end and uses Node.js and Express for backend. The todo items are stored on a MongoDB database. Initially when you open the application you see three by default added items and you can add more items by adding yourselves and when you add an item a post route is triggered which creates a database item and stores it inside the relevant database. Each route URL has its own database created which stores separate data. You can just access a new route and then create a todolist for that specific route and I used Lodash npm package to format all routes.
Body-parser npm package is used to access the form body values from the ejs template to create a new item. Then I used data.js which has two methods inside which are used to generate the current formatted date and day.
The database is currently connected to localhost:27017 but it can be connected anywhere as wished. The css used to style is stored inside the public directory to serve up static assets.
HOW TO RUN: You can either download the files, and then run "npm install" inside the installation directory to install all the npm packages used within the application and then open a new terminal window and run the MongoShell command "mongod" and then inside the first window run the command "node app.js" to run the app. You can also access the application at : https://vast-reef-18780.herokuapp.com/
Here's a preview:
