/30-days-of-vue

:star2: A 30 day learning challenge for VueJS by building simple yet cool projects :muscle:

Primary LanguageVueMIT LicenseMIT

30 Days of Vue!

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

Day 1

A Simple Todo App 📝

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

A Beautiful Calculator 📱

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

CountDown Timer ⏳

HackTime

Create a simple countdown timer using Vue.js

  • Understand the usage of watch, filters, and intervals

Day 4

Simple Markdown Previewer

Markie Create a Markdown Previewer using Vue.js 🎉

  • Understand directives in Vue.js

Tutorial Link

Day 5

LyricFinder

LyricFinder

Create a lyrics search app using Vue.js and the Musixmatch API

Day 6

. . . . .

Day 30