The latest articles on Forem by Aditya Narad (@adinarad). https://forem.com/adinarad https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F506027%2Fa69579ee-f74c-46c0-a4af-10c95b85f8ca.png https://forem.com/adinarad en Aditya Narad Wed, 12 Jan 2022 15:35:12 +0000 https://forem.com/adinarad/todo-list-using-nodejs-mongodb-2l0l https://forem.com/adinarad/todo-list-using-nodejs-mongodb-2l0l <h3> Overview of My Submission </h3> <p>A simple <strong><a href="https://my-todo-list-nodejs.herokuapp.com/" rel="noopener noreferrer">To-do List</a></strong> web application which allows you to keep a list of your day-to-day. You can also create custom lists by adding <em>/ListName</em> to the URL. </p> <p>Application is built using NodeJS and Express framework. The persistent data is stored in a MongoDB Database hosted on MongoDB Atlas.</p> <p><a href="https://my-todo-list-nodejs.herokuapp.com/" rel="noopener noreferrer">Try it out!</a></p> <h3> Submission Category: </h3> <p>Choose Your Own Adventure</p> <h3> Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/adinarad" rel="noopener noreferrer"> adinarad </a> / <a href="https://github.com/adinarad/Todo-List-NodeJS" rel="noopener noreferrer"> Todo-List-NodeJS </a> </h2> <h3> A ToDo List🔖 Application built with Node.js and Express. You can create new lists by adding /ListName to the URL. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">Todo List using NodeJS</h1> </div> <p>A <a href="https://my-todo-list-nodejs.herokuapp.com/" rel="nofollow noopener noreferrer">ToDo List🔖</a> Application built with Node.js and Express. You can create new lists by adding <em>/ListName</em> to the URL.</p> <div class="markdown-heading"> <h2 class="heading-element">Technologies Used</h2> </div> <ul> <li>Frontend: <strong>HTML, CSS, JavaScript</strong> and <strong>EJS</strong> for templating.</li> <li>Backend: <strong>Node.js</strong> with <strong>Express</strong> Framework</li> <li>Database: <strong>MongoDB</strong> (hosted on MongoDB Atlas)</li> </ul> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/adinarad/Todo-List-NodeJS" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <br> <h3> Additional Resources / Info </h3> <blockquote> <p>Default List<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5d3r4ksuubs7qav06ry5.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5d3r4ksuubs7qav06ry5.png" alt="Default List"></a></p> </blockquote> <blockquote> <p>Custom List<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7uhmzn3ju4cwp9pcuwcv.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7uhmzn3ju4cwp9pcuwcv.png" alt="Custom List"></a></p> </blockquote> atlashackathon javascript webdev mongodb