Projeto final da Aceleração React Women, um programa da Codenation com apoio da Loft.
O programa teve três meses de duração, foi iniciado em Abril/2020 e finalizado em Junho/2020.
Segundo o levantamento, da Webshoppers (Ebit / Nielsen), os e-commerces brasileiros faturaram cerca de R$ 53,2 bilhões em 2018. O segmento “Moda e Acessórios” representa 5,6% do faturamento no varejo online, ocupando a segunda posição entre as categorias de produtos com mais pedidos, perdendo apenas para o segmento de eletroeletrônicos.
Oferecer a melhor experiência aos usuários que interagem com os produtos no desktop, e principalmente em dispositivos móveis, é fundamental para se manter vivo e competitivo nesse segmento.
Desenvolver as principais funcionalidades de um e-commerce de moda feminina, o Fashionista, garantindo a melhor experiência possível para os usuários interagirem com os produtos.
- Deve implementar as funcionalidades apresentadas nos wireframes / layouts.
- Deve ser mobile first, possuindo uma experiência satisfatória tanto em mobile quanto em desktop.
- Deve consumir a API do catálogo de produtos.
- O estado global da aplicação deverá ser gerenciado com Redux
- Deve ser um SPA (Single Page Application).
- Todos os produtos da API devem ser exibidos.
- Utilize BEM CSS para escrever os estilos.
- Deve-se fazer deploy do projeto, servindo-o no Netlify.
- Não utilize frameworks CSS como Bootstrap, Foundation e afins.
Para desenvolver a aplicação utilizamos React. Utilizamos Redux para manutenção do estado da aplicação, e para persistência do estado do carrinho de compras utilizamos o Redux Persist. Para a tratativa das rotas utilizamos o React Router, e as requisições à API foram feitas utilizando Axios. Também foram realizados testes da aplicação utilizando Jest, e de acessibilidade utilizando o NVDA.
O layout da aplicação foi modelado utilizando a ferramenta Figma, e está disponível neste link.
O deploy foi feito utilizando o Netlify. O link para a aplicação é https://reactwomen-g3.netlify.app/.
- Clone este repositório em sua máquina
git clone [email protected]:anacoxta/aceleracao-react.git
ou
git clone https://github.com/anacoxta/aceleracao-react.git
- Acesse a pasta principal do repositório local utilizado linha de comando
cd aceleracao-react
- Instale as dependências do projeto
npm install
- Execute o projeto localmente, acessível através do endereço http:https://localhost:3000
npm start
Este projeto foi criado usando create-react-app. Os requisitos mínimos para roda-lo são:
- Ter Node.js instalado localmente em sua máquina
- Um navegador de sua preferência