https://github.com/renovatt/t-shirt-store

Um e-commerce de camisetas com estampas incríveis, abrangendo estilos como Animes, Pets, Músicas, Tecnologia e Games.
https://github.com/renovatt/t-shirt-store

e-commerce pinia tailwindcss typescript vue3 vue3-composition-api vuejs3 vueuse

Last synced: about 1 year ago
JSON representation

Um e-commerce de camisetas com estampas incríveis, abrangendo estilos como Animes, Pets, Músicas, Tecnologia e Games.

• Host: GitHub
• URL: https://github.com/renovatt/t-shirt-store
• Owner: renovatt
• Created: 2024-01-19T21:28:39.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-20T12:02:09.000Z (over 2 years ago)
• Last Synced: 2025-04-15T17:13:22.549Z (about 1 year ago)
• Topics: e-commerce, pinia, tailwindcss, typescript, vue3, vue3-composition-api, vuejs3, vueuse
• Language: Vue
• Homepage: https://t-shirt-store-one.vercel.app
• Size: 5.03 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  



## 🏋️‍♂️ Sobre o Projeto

### Bem-vindo à ``T-Shirt-Store``, o seu e-commerce de camisetas com estampas incríveis, abrangendo estilos como Animes, Pets, Músicas, Tecnologia e Games. 

### Contamos com um design incrível e suave para proporcionar a melhor experiência ao usuário.

### Explore facilmente nosso catálogo:

- Classifique as camisetas por categorias.

- Filtre por cor e tamanho.

- Realize pesquisas por palavras-chave, alinhadas às tags das camisetas.

### Recursos adicionais incluem:

- Pré-visualização das camisetas antes de adicioná-las ao carrinho.

- Escolha de quantidade e tamanho durante a visualização.

### Dentro do carrinho:

- Visualize os itens selecionados.

- Obtenha o total de cada item automaticamente com base na quantidade.

- Remova itens conforme necessário, com atualização automática do total.

- Desfrute de uma experiência de compra intuitiva e personalizada na T-Shirt-Store!

[Ver Projeto](https://t-shirt-store-one.vercel.app/) 🚀

## 🎨 Visual do Projeto

### ***Web Layout***

![Web-1](/public/web-1.png) 

![Web-2](/public/web-2.png)

![Web-3](/public/web-3.png)

![Web-4](/public/web-4.png)

![Web-5](/public/web-5.png)

![Web-6](/public/web-6.png)

![Web-7](/public/web-7.png)

![Web-8](/public/web-8.png)

### ***Mobile Layout***

![Mobile-1](/public/mobile-1.png)

![Mobile-2](/public/mobile-2.png)

![Mobile-3](/public/mobile-3.png)

![Mobile-4](/public/mobile-4.png)

![Mobile-5](/public/mobile-5.png)

![Mobile-6](/public/mobile-6.png)

![Mobile-7](/public/mobile-7.png)

![Mobile-8](/public/mobile-8.png)

## 🛠️ Tecnologias

💻 **Front-end**

- [Vue.js 3.3.11](https://vuejs.org/)

- [Typescript](https://www.typescriptlang.org)

- [Vite](https://vitejs.dev/)

📚 **Bibliotecas**

- [pinia](https://pinia.vuejs.org/getting-started.html)

- [vueuse](https://vueuse.org/)

🎨 **Estilização**

- [tailwindcss](https://tailwindcss.com/docs/installation)

- [lucide](https://lucide.dev/)

🔋 **Versionamento e Deploy**

- [Git](https://git-scm.com)

- [Vercel](https://vercel.com/)

## ⚙️ Configurações e Instalação

```sh

# clonando o projeto

git clone https://github.com/renovatt/t-shirt-store.git

```

```sh

# Instalando as dependências

npm install

```

```sh

# Compilar e abrir o programa para desenvolvimento

npm run dev

```

```sh

# Compilar e minificar para produção

npm run build

```

🚀 **Como contribuir?**

- Siga-me no GitHub para oferecer suporte.

- Dê uma estrela ao projeto.

- Conecte-se comigo no LinkedIn para expandir nossa rede e curta o projeto.




🧑‍💻 **Criado por**

[@renovatt](https://www.linkedin.com/in/renovatt/)