https://github.com/teoaldridge/todolist-database
Full Stack To Do List Project, built using MongoDB & Mongoose, JavaScript, EJS, HTML, CSS, Bootstrap. Deployed with MongoDB Atlas and Heroku, using Git and the Command Line (Hyper Terminal).
https://github.com/teoaldridge/todolist-database
bootstrap command-line css ejs git heroku html hyper javascript mongodb mongodb-atlas mongodb-database mongoose
Last synced: 3 months ago
JSON representation
Full Stack To Do List Project, built using MongoDB & Mongoose, JavaScript, EJS, HTML, CSS, Bootstrap. Deployed with MongoDB Atlas and Heroku, using Git and the Command Line (Hyper Terminal).
- Host: GitHub
- URL: https://github.com/teoaldridge/todolist-database
- Owner: teoaldridge
- Created: 2021-10-05T08:16:12.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-05T09:06:12.000Z (over 4 years ago)
- Last Synced: 2025-03-28T09:11:18.830Z (over 1 year ago)
- Topics: bootstrap, command-line, css, ejs, git, heroku, html, hyper, javascript, mongodb, mongodb-atlas, mongodb-database, mongoose
- Language: JavaScript
- Homepage: https://warm-retreat-48757.herokuapp.com/
- Size: 552 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# todolist-database
Full Stack To Do List Project, built using MongoDB & Mongoose, JavaScript, EJS, HTML, CSS, Bootstrap, Node, Nodemon. Deployed with MongoDB Atlas and Heroku, using Git and the Command Line (Hyper Terminal).
# How it works:
In each To Do List:
You can add and delete items from the To Do List.
You add an item by typing text and then pressing the "+" button.
You delete an ithem by clicking on the corresponding checkbox.
You can add your own To Do Lists.
You type /NameOfYourList after the web address, so in the end the web address looks like this:
https://dashboard.heroku.com/apps/warm-retreat-48757/NameOfYourList
It does not matter whether you use block or capital letters. The app will automatically display the capitalized version of the name you have chosen as a title of your list.
All the lists and their corresponding items are being stored online on MongoDB Atlas and the admin has access to them.
The app has an "About" Page which can be reached by adding /about at the end of the web address.
I did this project as part of my studies with Angela Yu's "Complete 2021 Web Development Bootcamp"
## Website deployed with Heroku: https://dashboard.heroku.com/apps/warm-retreat-48757/
## Programs used:
- Front end: HTML, CSS, Bootstrap
- Back end: JavaScript, MongoDB, Mongoose, EJS, Node.js, Express
- Other technologies: MongoDB Atlas, npm, Nodemon, Heroku, Git, Command Line
## How to run:
git clone the repository
run npm instal
run mongod in the terminal
run node app.js
open localhost:3000
## Video demonstration:
## Acknowledgement
[The Complete 2021 Web Development Bootcamp by Dr. Angela Yu](https://www.udemy.com/course/the-complete-web-development-bootcamp/)