/fsw-store

FSW-Store é uma aplicação Web de E-commerce de vendas de produtos eletrônicos como teclados, mouses, headseat entre outros. Foi desenvolvido durante a semana Full Stack Week, em parceria com Felipe Rocha.

Primary LanguageTypeScript

FSW-Store - Plataforma de E-commerce Especializada em Venda de Periféricos Eletrônicos!

Índice

🔖 Sobre

FSW-Store é uma aplicação Web de E-commerce Especializada em Vendas de Periféricos Eletrônicos, desenvolvida durante a semana Full Stack Week, em parceria com Felipe Rocha.

✔️ 📱 Versão Mobile First

mobile

✔️ 📱 Versão Desktop

desktop

✔️ :monitor: Video da aplicação

desktop



🚀 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

🚀 Features implementadas

  • Desenvolvimento do carrinho de compras

  • Implementação de Seção de categorias

  • implementação de Seção de ofertas

  • implementação de seção de produtos

  • Implementação de Detalhamento de produtos

  • implementação de Autenticação com o google

  • implementação Catálogo de produtos

  • Integração do pagamento via Stripe

  • implementação Gerenciamento de pedidos

  • Conexão do banco de dados com o PostgreSQL

  • Armazenamento de dados no Supabase

  • Implementação do fluxo de CI/CD na Vercel

  • Realização do deploy da aplicação

🚀 Melhorias aplicadas

  • Implementação de modal de confirmação para a exclusão de produtos.
  • Implementação de Toasts para aprimorar a experiência do usuário ao adicionar itens ao carrinho e ao finalizar a compra.
  • Desenvolvimento da versão desktop da aplicação, garantindo uma experiência otimizada em diferentes dispositivos.
  • Inclusão de um Dropdown para facilitar o acesso ao perfil do usuário.
  • Aprimoramento da navegação na versão desktop, destacando visualmente o item selecionado no menu.
  • Adição de uma imagem personalizada para indicar visualmente quando o carrinho estiver vazio.
  • Implementação de uma barra de pesquisa para facilitar a busca de produtos.

🔥 Como usar

  1. Faça um clone :
  $ git clone https://github.com/Rafael-Rufino/fsw-store
  1. Executando a Aplicação:
  # Instale as dependências
  $ npm install
  ou
  $ Yarn

  # Inicie a aplicação web
  $ cd fsw-store
  $ yarn dev
  ou
  $ npm run dev

♻️ Como contribuir

  • Faça um Fork desse repositório,
  • Crie uma branch com a sua feature: git checkout -b my-feature
  • Commit suas mudanças: git commit -m 'feat: My new feature'
  • Push a sua branch: git push origin my-feature

Feito com 💜 by Rafael Rufino