TODO APP

Link

Screenshots

---

• 1440px-dark-theme

---

• 1440px-light-theme

---

• 375px-dark & light theme

Dark	Light

---

Users should be able to:

• Create new todos
• Delete todos
• Drag todos
• Store todos in the MongoDB
• Filter by all/active/complete todos
• Toggle light and dark mode

---

Build With

Frontend

• HTML
• CSS
  Flexbox
  Grid
  MediaQuery
• JavaScript
  DOM manipulate
  EventListener
  Fetch request

Backend

• Node.js
• httpServer
• RestfulApi
• middleWare
  Cors
  Parser
• Mongoose

Deployment

• Amazon EC2(Linux)
  PM2
  Nginx

---

Ref

TODO APP using HTML, CSS and JS - Local Storage [Design - HTML and CSS]

TODO APP using HTML, CSS and JS - Local Storage [Interactivity - JavaScript]

Lessons learned from deploying my first full-stack web application