Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 months ago
JSON representation

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

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)