O site fictício "Switch 'n Sweet" foi desenvolvido com o intuito de exercitar as minhas habilidades e competências de desenvolvimento Front-end e também os conhecimentos de UI/UX. O projeto simula um e-commerce, oferecendo aos visitantes a experiência de navegar por uma loja online fictícia.
- Pré requisitos
- Rodando o projeto
- Screenshots
- Design de Interface (UX-UI)
- Funcionalidades
- Tecnologias
- Implementações futuras
- Licença
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone "https://github.com/mirellanaspolini/switch-n-sweet.git"
# Acesse a pasta do projeto
$ cd switch-n-sweet
# Instale as dependências
$ npm install ou npm i
# Execute a aplicação
$ npm start
# O servidor iniciará na porta:3000 - acesse <http://localhost:3000>
Você pode ter acesso ao Figma completo do projeto aqui
- Cadastro de usuário
- Catálogo de produtos
- os visitantes podem explorar os produtos, buscar por nome e categoria
- Adicionar, remover e alterar quantidade produtos do carrinho de compras
- Adicionar e remover produtos da lista de favoritos
- Consumir API de CEP para calcular o valor do frete dos produtos
- Filtros na busca por produtos
- Salvar lista de carrinho e favoritos no localStorage
Esse projeto foi desenvolvido com:
- React
- Context API
- React Router DOM
- Javascript
- Tailwind CSS
- Figma
- Criação de todo o UX/UI e identidade visual do site
- ChatGPT
- Nome do site, criação das informações dos produtos, e uma ajudinha no código rs
Este projeto esta sob a licença MIT