Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thiagojacinto/aceleradev-react-redux-ecommerce
Building an e-commerce webapp with React & Redux - Final project of AceleraDev's React
https://github.com/thiagojacinto/aceleradev-react-redux-ecommerce
javascript react react-redux reactjs
Last synced: 8 days ago
JSON representation
Building an e-commerce webapp with React & Redux - Final project of AceleraDev's React
- Host: GitHub
- URL: https://github.com/thiagojacinto/aceleradev-react-redux-ecommerce
- Owner: thiagojacinto
- License: mit
- Created: 2020-06-07T21:43:34.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-01-11T14:17:59.000Z (about 4 years ago)
- Last Synced: 2023-03-10T05:46:51.084Z (almost 2 years ago)
- Topics: javascript, react, react-redux, reactjs
- Language: JavaScript
- Homepage: https://rio-negro-store.netlify.app/
- Size: 1.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# E-commerce utilizando React & Redux
A proposta do projeto final do curso `AceleraDev - React` promovido [Codenation](https://www.codenation.dev/). Utilizando os conhecimentos ampliados no decorrer do curso, a proposta é construir um e-commerce todo em React e com gerenciamento de estado pelo Redux.
## Como utilizar
O projeto desenvolvido está no diretório [`/web`](https://github.com/thiagojacinto/aceleradev-react-redux-ecommerce/tree/master/web), então navegue no caminho após clonar este repositório, instalar as dependências necessárias e então dar partida no servidor local, com npm ou yarn já que foi utilizado o [create-react-app](https://create-react-app.de) para gerir as configurações iniciais, digitando:
```
cd web
npm install
npm start
```
E então acessar diretamente pelo navegador de preferência o endereço http://localhost:3000.
## Objetivo
Como um profissional front-end, você será responsável por desenvolver as principais funcionalidades de um e-commerce de moda feminina, o RIO_NEGRO, garantindo a melhor experiência possível para os usuários interagirem com os produtos.
## Regras
- 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
### Obrigatórios:
- 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.
### Opcionais:
- 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.
## Deploy
Link para protótipo disponível online => https://rio-negro-store.netlify.app/
## Autor
> Thiago Jacinto