This tutorial will be building a full project using Vue 3 and combining it with the magic of Tailwindcss to produce a responsive multipage website
Below is the landing page of the webpage that will be built
Some of the concepts that will be learnt in the process include
- Setting up a Vue project with tailwindcss
- State management with vuex
- Routing, Composition API in Vue 3
- Creating reusable components
- Persisting state in Vue application
- Interacting with APIs
It promises to be an interesting an exciting journey.
The codebase can be accessed on GitHub Here. Give it a star if you find it helpful and your pull requests are definitely welcomed.
The choice of tailwind is become of the flexibility the utility library gives - especially for responsiveness and dark/light mode which is something we will implement across the application.
You can check the final product here as hosted on Netlify.
Drop your comment in the comment box and I hope you are as excited as I am to embark on this quest.
Your questions and comments are welcomed in the comment section.