Blog
> VueJS + Vuetify
November 14, 2020
Overview
Project Information
VueJS + Vuetify
Progress
- To Do List (DesignCourse - Instructions)
- Punchbag + Ninja Cards + Forms + Mini Blog (The Net Ninja - Instructions)
- Project Manager (The Net Ninja - Instructions)
Project Links
- Github - Code
Useful Links
- Vue Chrome Extension
- jsonplaceholder (http requests)
- Firebase (database)
Reflection
To Do List
Add Skills to List
Punchbag
Full Health
Decreased Health
Game End
Ninja Cards
Original
Flipped Cards, Deleted Ninja, Header/Footer Title Change
Forms
Contact Us
Log In
Mini Blog
Home
/
Add New Blog
/add
Show Blog Articles
/articles
List Blog Titles
/titles
View Single Blog
/blog/:id
REST API
Project Manager
Dashboard
/
Projects
/projects
Team
/team
New Project Pop-Up Dialog
Scratch Notes
- VueJS, Vuetify, Front-End Routing, Firebase
- Front-end is more than just hardcoding HTML, CSS, and JavaScript.. Who knew?! ;)
- Vue has a lot of built-in functionalities for simplifying UI and state elements. It is very interesting that it focuses on component/view separation and modularization. Using frontend frameworks enable us to build reactive websites now, as opposed to static. Also, using bootstrap elements like Vuetify makes it so that we can easily generate UI components without dealing with the mess of HTML/CSS code.