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.