vue-exercises

Why Nuxt?

Nuxt is a framework to make universal Vue apps. It comes with a lot of flavours our you can make your own. It will gives us a lot of features by default (that we can also configure) and extend with its plugin system.

Instructions to get started

Vue exercises made within a Nuxt.js application. 4 Exercises for the astronaut cadets of Erni!

• Clone the repository wherever you want in your computer: git clone https://github.com/gangsthub/vue-exercises.git

• Install the dependencies: npm install within the vue-exercises folder.

• Open the app in your editor of choice.

  • I personally recommend VS Code with Vetur Extension installed.

• Launch it with: npm run dev 💪🏾🚀🛫

• Your browser will open in localhost:3000. (Refresh it the firt time if just a blank page appears.)

• Follow the steps supplied in the app's homepage.

For detailed explanation on how these things work, checkout the Nuxt.js docs.

Components Library

We are using Vuetifyjs wich is a Material Design components library for Vue.

Animations

For the animations I'm using vue's core own capabilities and CSS. I also added Popmotion for some other more complex animations.

Credits

• Satellite illustration By Outlane

• Astronaut illustration by dDara

• Fonts used:

  • Roboto
  • Montserrat
  • Icon Fonts: Material Icons

Thanks

• Thanks to Erni for letting us do this workshops.
• Thanks to the contributors/organizers: Ana Jaime, Jorge Artieda, Bernat Martinez.