Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/code-pop/beautify-with-vuetify
Learn how to create beautiful web applications with Vuetify!
https://github.com/code-pop/beautify-with-vuetify
component-framework material-design vue vuetify
Last synced: 7 days ago
JSON representation
Learn how to create beautiful web applications with Vuetify!
- Host: GitHub
- URL: https://github.com/code-pop/beautify-with-vuetify
- Owner: Code-Pop
- Created: 2019-07-08T21:48:43.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T21:48:27.000Z (about 2 years ago)
- Last Synced: 2024-12-25T21:05:54.555Z (14 days ago)
- Topics: component-framework, material-design, vue, vuetify
- Language: Vue
- Homepage:
- Size: 1.23 MB
- Stars: 156
- Watchers: 7
- Forks: 171
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Beautify with Vuetify
Learn how to create beautiful web apps with [Vuetify](https://vuetifyjs.com/), a component framework that is built according to [Google's Material Design](https://material.io/design/) specifications.
## Course Milestones
We encourage you to code along with us as you go through the course on Vue Mastery. These are the tags that represent milestones throughout the course. In addition, code commits are created in a way that should allow you to choose snapshots in case there's any confusion.
| Lesson | Start Code | Finished Code |
| ----------------------------------- | ------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
| Getting Started with Vuetify | [Lesson 1 Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-1-BEGIN) | [Lesson 1 Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-1-BEGIN) |
| Components (Pt. 1) | [Lesson 2 Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-2-BEGIN) | [Lesson 2 Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-2-FINISH) |
| Components (Pt. 2) | [Lesson 3 Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-3-BEGIN) | [Lesson 3 Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-3-FINISH) |
| Components (Pt. 2) - Code Challenge | [Lesson 3CC Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-3CC-BEGIN) | [Lesson 3CC Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-3CC-FINISH) |
| Layouts: Grid System | [Lesson 4 Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-4-BEGIN) | [Lesson 4 Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-4-FINISH) |
| Layouts: Responsive Design | [Lesson 5 Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-5-BEGIN) | [Lesson 5 Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-5-FINISH) |
| Layouts: Responsive Design | [Lesson 5CC Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-5CC-BEGIN) | [Lesson 5CC Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-5CC-FINISH) |
| Forms: Fundamentals | [Lesson 6 Begin](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-6-BEGIN) | [Lesson 6 Finish](https://github.com/Code-Pop/beautify-with-vuetify/tree/Lesson-6-FINISH) |
## Setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn run serve
```
### Compiles and minifies for production
```
yarn run build
```
### Run your tests
```
yarn run test
```
### Lints and fixes files
```
yarn run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).