This repo is about a simple page building with Vue.js (3), SASS and TS trying to follow clean practice, clean architecture and clean code.
I used BEM nomeclature for the most of the class names and I used the 1-7 patron for the folder structure of the scss files.
For the folder scheme of the app and the components I tried to use the Single Responsability principle
Vue.js
Node.js
- Dowload the project code.
- Open with you favorite code IDE.
- Open
cmd
in the project root and executenpm install
command, it's install all the project dependencies. - Execute
npm run dev
to run the project in local. - Open the url that the cmd show.
npm run build
npm run lint
The used tools for build this project
- Vue.js - JS framework.
- SASS - CSS preprocessor.
- Tailwind - CSS framework, class based.
- Axios - HTTP Client for API request.
- Vue3-MQ - Reactive plugin for responsive design.
- Vuex - Management state plugin.
- Fontawesome icons - Icons package.
Github was used for the versioning of the project.
- Fabian Dario Montoya - FabianMontoya
⌨️ with ❤️ by Fabian Montoya 😊