https://github.com/penn201500/simpletodowithnodejs

This is a simple Todo App that implemented with HTML,JS,node.js and MongoDB.
https://github.com/penn201500/simpletodowithnodejs

bootstrap5 crud expressjs js middleware mongodb nodejs sanitize-html winston-logger

Last synced: 2 months ago
JSON representation

This is a simple Todo App that implemented with HTML,JS,node.js and MongoDB.

• Host: GitHub
• URL: https://github.com/penn201500/simpletodowithnodejs
• Owner: penn201500
• Created: 2024-03-19T06:16:33.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-25T12:23:09.000Z (about 2 years ago)
• Last Synced: 2025-03-24T07:35:36.513Z (about 1 year ago)
• Topics: bootstrap5, crud, expressjs, js, middleware, mongodb, nodejs, sanitize-html, winston-logger
• Language: JavaScript
• Homepage: https://simpletodo-jroy.onrender.com/
• Size: 90.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# simpleTodoWithNodejs

This is a simple Todo App that implemented with HTML,JS,node.js and MongoDB.

[Live Demo](https://simpletodo-jroy.onrender.com/)

Test username/passwd: test/test

## Features

- [x] Create, Read, Update, Delete todos from webpage and MongoDB

- [x] Use express module to process http request and response

- [x] Use nodemon module to monitor file change and restart server automatically while developing

- [x] Store sensitive DB information such as password in .env file

- [x] Add password protect function to ensure frontend security

- [x] Use winston and winston-daily-rotate-file modules to handle log files

- [x] Use sanitize-html module to keep malicious HTML away

## Screenshots

### CRUD

![CRUD](https://easyimage.netmark.top/i/2024/03/24/223627.gif)

### Use password to ensure security

![PasswordProtectedFrontend](https://easyimage.netmark.top/i/2024/03/24/223728.gif)

### Logfile

![LogFile](https://easyimage.netmark.top/i/2024/03/24/223808.png)

### Sanitize HTML

Before:

![Before](https://easyimage.netmark.top/i/2024/03/24/223831.gif)

After:

![After](https://easyimage.netmark.top/i/2024/03/24/223910.gif)