How to apply style to parent if it has child with CSS?.How to make a vertical line using HTML ?.How to vertically center text with CSS ?.How to convert JSON string to array of JSON objects using JavaScript ?.How to auto-resize an image to fit a div container using CSS?.How to place text on image using HTML and CSS?.How to make flexbox children 100% height of their parent using CSS?.How to set fixed width for in a table ?.How to set div width to fit content using CSS ?.Create a Responsive Navbar using ReactJS.Making a div vertically scrollable using CSS.How to select all child elements recursively using CSS?.How to Upload Image into Database and Display it using PHP ?.How to position a div at the bottom of its container using CSS?.How to create footer to stay at the bottom of a Web page?.CSS to put icon inside an input element in a form.How to update Node.js and NPM to next version ?.How to insert spaces/tabs in text using HTML/CSS?.Top 10 Projects For Beginners To Practice HTML and CSS Skills.ISRO CS Syllabus for Scientist/Engineer Exam.ISRO CS Original Papers and Official Keys.GATE CS Original Papers and Official Keys.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. The css used to style is stored inside the public directory to serve up static assets. The database is currently connected to localhost:27017 but it can be connected anywhere as wished. Then I used data.js which has two methods inside which are used to generate the current formatted date and day. 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.īody-parser npm package is used to access the form body values from the ejs template to create a new item. Each route URL has its own database created which stores separate data. 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.

The todo items are stored on a MongoDB database. This is a Todolist web application that uses ejs templating for front-end and uses Node.js and Express for backend.

Todolist app using mongodb