Skip to content

🌟 A 30 day learning challenge for VueJS by building simple yet cool projects 💪

License

Notifications You must be signed in to change notification settings

haxzie-xx/30-days-of-vue

Repository files navigation

30 Days of Vue!

🌟 A 30 day learning challenge for VueJS by building simple yet cool projects 💪

Day 1

TodoTodoTodoo

Create a simple Todo-List app with minimal features!

  • Learn to set up a simple vue project [without vue cli]
  • Understand the Vue app instance
  • Creating simple vue components
  • Understand the usage of Props, data, Methods and computed
  • understand emitters and communication between app and components

Day 2

Calicoo

Create a beautiful calculator using Vue.js

  • Learn to install vue cli
  • Learn to create a simple vue project using vue cli
  • Learn to modify a simple vue app
  • Understand how vue components separated using .vue extension
  • Understand the vue component structure: template, script and style

Turorial link for Calculator

Day 3

HackTime

Create a simple countdown timer using Vue.js

  • Understand the usage of watch, filters, and intervals

Day 4

Markie Create a Markdown Previewer using Vue.js 🎉

  • Understand directives in Vue.js

Tutorial Link

Day 5

LyricFinder

Day 6

Vuex Chat Learn Vuex and the state management pattern by building a simple chat application.

  • Learn a simple implementation of Vuex
  • Share a message history among any number of chat clients.
  • Get a taste of mapGetters and mapActions to expose functionality in your components.
  • Explore how your components can react to change sin the Vuex Store

Day 7

PWA-medium-rss-feed

Learn how to use Vue, Vuex and Vue-router and add Progressive Web Apps(pwa) features to the vuejs application.

Day 8

RecipeApp

This app walks you through two days of various Vue project concepts. Day 1 includes:

  • Installing and creating with vue-cli
  • List-rendering with v-for

Day 9

RecipeApp

Building on Day 8 this tutorial includes:

  • Binding fields to Vue data and actions
  • Calling an API
  • Rendering API Results

Day 30

About

🌟 A 30 day learning challenge for VueJS by building simple yet cool projects 💪

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published