Nuxt TODO

TODO List Web Application inspired by Todoist, Microsoft Todo, and Google Task. Using Nuxt JS with Express JS

Current Status of Development

The project is about 70% complete.

Frontend

• Complete login page
• Complete to do page

Backend

• Complete project structure
• Complete modeling user model
• Complete user controller
• Complete handling user routes
• Complete authentication with Passport JS + Jason Web Token (JWT)

Prerequisites

Tools used:

• Visual Studio Code : https://code.visualstudio.com/download (Editor)
• Insomnia : https://insomnia.rest/ (API Client)

Framework, Technology or Language used:

• Node JS
• Vuetify
• Nuxt JS
• Express JS
• Passport JS
• Json Web Token (Authentication)
• HTML, CSS
• Javascript

Note (For Express Backend)

This project structure is quite different from others, because I research throughout all the best practices in creating a perfect folder structure then I have came up with my own folder structure for ExpressJS

1. config (Consists of configurations file including database connection)
2. controllers (Consists of functions that handle HTTP methods)
3. middlewares (Consists of middlewares to handle request before it sends to the controllers)
4. models (Consists of models for modeling data)
5. plugins (Consists of plugins such as chalk, passportJS for authentication etc)
6. routes (Consists of API Endpoints)

Side Note

For NuxtJS project structure I've followed the standard folder structure that comes with the package

Author

Vansen Hengmeanrith (Chris)

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

• Vue Documentation
• Nuxt Documentation
• Vuetify Documentation
• Servaral Best Practices on Github
• Brad Traversy (Great tutorials on Youtube)
• Stack Over Flow (Great answers to solve some of my problems or issues)