Skip to content

Divya6265/To-Do-List-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do-List-Project

Hi guys 👋... Hello... This is a detailed description about the my mini PROJECT(TO-DO LIST). I hope you will find helpful 😃.

This project is an online to-do list application built using the MERN stack (MongoDB, Express and Node.js). The application is designed to be simple and allow users to easily keep track of their tasks with features such as task creation, and task deletion.

Here the below figure represents the folder or files structure that i have used in VS code...

image

In the above we can see that there are different files presented, here we have a short desccription for each file. like what it is actually used for.

##congig-> mongoose.js This file contains set of statements that establishes a connection between the VS code and mongoDB. step 1 : firstly we need to download mongoose shell into our System. https://www.mongodb.com/try/download/shell

step 2 : then we need to create an account in atlas. https://cloud.mongodb.com/

step 3 : we need to create a database named TODO and then use connect option MongoDB for VS Code, this will provide a link like this 'mongodb+srv://username:passwd@cluster0.pobbk4f.mongodb.net/TODO'

that's it mongoose file is now ready 😋.

##models -> schema.js this file contains the database schema structure there is no additional steps involved in this file, we simply need to create a schema for our DB, which is created previously in altas.

##views -> To-do-frame.ejs this file contains the main user interface of todo list, this file includes html, css, js and ejs code. i haven't created any external css file.. i have already provide requried detailed info about code itself in the file...

##server.js this file contains controllers such as /(home page controller),adddata, deletedata and server listen creation. adddata controller is used to receive form data and insert the data into the database. deletedata controller is used to delete one or more tasks by using unique ID which is automatically assigned for each object. ##😉😅😃 ToDoList