Utiliza Vue 3, Vuetify 3, Javascript, Vuex, Vite, Vitest, Router. Criado para colocar em prática os aprendizados do curso de Vue 2 do site https://www.origamid.com/.
O projeto é uma página de vendas não funcional, mas criada para usar cada conceito visto no curso.
- TODO
- Tela com exibição de produtos
- Adição dos itens comprados para o seu carrinho (usando store)
- Tela secundária para visualizar um personagem fictício (usando router)
Para iniciar o projeto, siga os passos abaixo:
- Clone o repositório em sua máquina local
- Execute
npm installpara instalar as dependências do projeto - Execute
npm run devpara iniciar o servidor de desenvolvimento - Abra seu navegador e acesse
http://localhost:5173/para ver a aplicação funcionando
O projeto inclui as seguintes tecnologias:
- Vue 3 para construir interfaces de usuário reativas
- Vuetify 3 para uso de componentes
- JavaScript para desenvolvimento e escalabilidade
- Vuex para gerenciamento de estado
- Vue Router para navegação em uma Single Page Application
- Vite como bundler
- Vitest para testes unitários (TODO)
O projeto possui as seguintes funcionalidades:
- Diretivas
- Vuex
- Vue Router
- Vuetify 3
- Axios
- Componentes
- Animações
- REST API
- SCSS (visualização mobile inclusa)
O projeto inclui os seguintes scripts:
npm run dev: Inicia o servidor de desenvolvimentonpm run build: Builda o aplicativo pronto para produçãonpm run lint: Linta e corrige os arquivosnpm run test:unit: Executa os testes unitários usando o Vitest
- Login
- Salvar por 1h os itens adicionados
- Permitir remover do carrinho
- Permitir remover todos de uma só vez
- Corrigir página inicial
- Fazer algo útil na página secundária