Desenvolver as principais funcionalidades de um e-commerce de moda feminina, o AMORA, garantindo a melhor experiência possível para os usuários interagirem com os produtos.
| Regras | Feito |
|---|---|
| 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 | ✔️ |
| Requisitos | Feito |
|---|---|
| Para cada item do catálogo de produtos as seguintes informações devem estar na página: Imagem, Nome, Preço, Status “Em promoção”, Preço promocional (se disponível), Tamanhos disponíveis, Selo “Promoção” | ✔️ |
| Deve ser possível adicionar itens por tamanho no carrinho de compras | ✔️ |
| Deve ser possível visualizar os itens adicionados no carrinho de compras, exibindo imagem, nome, preço e quantidade | ✔️ |
| Deve ser possível remover itens do carrinho de compras | ✔️ |
| Requisitos | Feito |
|---|---|
| O carrinho de compras deve persistir entre reloads de página | ✔️ |
| Alguns produtos não tem todos os tamanhos disponíveis, mostre apenas os tamanhos disponíveis em estoque | ✔️ |
| Implemente a funcionalidade de busca em tempo real | ✔️ |
- Yarn package
- React.js - This project was bootstrapped with Create React App
- react-router-dom - The components router
- VsCode - Code Editor | IDE
- redux-saga
- redux-persist
- react-hooks
- fontawesome
- jest
- testing-library
- classnames
- immer
- prop-types
- eslint-airbnb
- prettier
- sass
Para executar esse projeto você vai precisar do 
Faça o download do projeto clonando o repositório, entre no diretório ./fashionista-ecommerce e no terminal rode:
yarn install
para instalar todas as dependências do projeto, ou então rode:
npm install
se você estiver usando 
Para rodar o projeto em modo de desenvolvimento, entre no diretório ./fashionista-ecommerce e no terminal rode:
yarn start
para abrir o http://localhost:3000 e ver o projeto no browser, ou:
npm start
se você estiver usando
A página será recarregada se você fizer edições. Você também verá os erros no console.
Victoria Durães - desenvolvedora front-end na TREND2B
Rafaela Guimarães - desenvolvedora python na INOA
Tammy Fagá - desenvolvedora front-end no PORTAL R7
Raissa Martins - desenvolvedora mobile na CONCRETE
Marcia Corte - analista de negócios da AVANADE
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent