10 Hours VUE Beginners course
Based on youtube video: https://youtu.be/e-E0UB-YDRk?list=WL

DEMO

📌 Table of Contents

• Technologies
• Features
• How to Run
• Found a bug? Missing a specific feature?
• Contributing
• License

💻 Technologies

This project was made using the follow technologies:

• Vue
• Vuex
• Tensorflow
• Firebase
• Tailwindcss
• vue-router
• marked
• axios

🚀 Features

10 Apps Build

1. 🔷 DcHeros
   1. v-for
   2. v-bind
   3. v-model
   4. v-on
   5. methods
   6. computed properties ( getters & setters)
   7. vue components
2. 🔷 Calendar
   1. Javascript Date
   2. Vue Router
3. 🔷 Markdown
   1. Using External Library
   2. Vue Mixins
4. 🔷 Slider
   1. Vue Transition & Animation
   2. virtual DOM
   3. lifecycle hooks
5. 🔷 Login Page
   1. Create Modal
   2. Vue Custom Events Emitting
   3. Form Handling
   4. firebase authentication
   5. loading effect
   6. Template Refs
   7. component props
   8. firebase google login
   9. Refactoring with component
   10. vue3 teleport
6. 🔷 Calculator
   1. Composition API
   2. window event listener
   3. resuable composition api
7. 🔷 ReuseableModal
   1. slots
   2. named slots
8. 🔷 Chat
   1. Firebase Realtime Database
   2. vuex v4
   3. Custom Router middleware
9. 🔷 UserCrud
   1. using axios
   2. external API
   3. reactive vue3 api
   4. pagination
   5. envirnment variable (.env file)
10. 🔷 Tensorflow Object Detection
    1. Using Tensorflow with Vue
    2. Device Camera Open
    3. Working with Canvas

Youtube Tutorial Link

YouTube Link

👷 How to run

# Clone the project on your computer via Download (option Code -> Download ZIP)
    - If you want to do it with Git, make sure you have Git installed,
      follow the link https://git-scm.com/
    - then run the command in terminal:
        $ git clone https://github.com/denismend/vuejs-10-hours-course.git

# In the terminal or prompt(cmd), access the project root;
   $ cd vuejs-10-hours-course

obs. Make sure you have Node and npm installed in your computer. You can use yarn instead npm.

💻 Run Project

# Install Dependencies
$ npm install
or
$ yarn

# Run Aplication
$ npm serve
or
$ yarn serve

Go to http://localhost:8080/ to see the result.

🐛 Issues

Feel free to file a new issue with a respective title and description on the the Vue 10 Hours Course repository. If you already found a solution to your problem, i would love to review your pull request!

🎉 Contributing

There are many forms to contribute with the project, first of all you can give this github repo a Star.

If you want do help with the code follow the steps bellow

# Fork using GitHub official command line
# If you don't have the GitHub CLI, use the web site to do that.
$ gh repo fork denismend/vuejs-10-hours-course

# Clone your fork
$ git clone {your-fork-url}
$ cd vuejs-10-hours-course

# Create a branch with your feature
$ git checkout -b {branch-name}

# Make the commit with your changes
$ git commit -m 'Feat: {feature-name}'

# Send the code to your remote branch
$ git push origin {branch-name}

📕 License

Released in 2021 📕 License

Made with love by Denis Ladeira 🚀. This project is under the MIT license.