Image of initial look of interface in browser

Application Description

This is a note taking app made with vue.js that allows users to make a list of tasks that need to be done.

The app allows for CRUD functionality where users can create (indicated at the bottom input boxes), read, update (indicated by the pencil), and delete (indicated by the trashcan) their notes.

Adding a New Note

Image of initial look of database in MySQL

In the above image you can see the creation box for new notes.

When the user types in a title and description, they can click on the create button to make a new note.

Conclusion

This was my first vue app that worked with having CRUD functionality. At first I was unsure how to go about this project, but I started to work on one function at a time and was able to incorporate all of CRUD into the app. The app was a nice side project to help strengthen my vue skills and to create an app that anyone including myself would want to use.

Thanks for reading!