Space Destiny é o projeto de introdução aos fundamentos do React. O objetivo é que funcione como o front-end de um E-Commerce de viagens espaciais. Esse projeto foi trabalhado com toda a estrutura que compõe o React, como: JSX, Componentes, Props, Estado, Fluxo de dados no React, Renderização de listas, Renderização condicional e localStorage.
Acesse aqui a página do projeto Space Destiny
Alguns conteúdos do projeto foram baseados no site Virgin Galactic!
O projeto consiste em 3 grandes partes:
-
Home
- Mostrando alguns dos produtos;
- Produtos:
- Devem ter um botão que permita adicioná-los ao carrinho;
- Devem exibir o nome, preço e imagem em um card;
- Ao clicar em "Cart", você terá acesso à página de compras;
- Quando a página é atualizada, os itens do carrinho não serão removidos e permanecerão;
-
Cart
- Mostrar todos os produtos e quantidades adicionadas;
- Capacidade de remover itens do carrinho;
- Mostrar o valor total do carrinho;
-
Shop
- A pagina exibirá uma lista de todos os produtos disponiveis no e-commerce, com os dados do produto (imagem, nome, preço) que poderão ser adicionados no carrinho pelo botão de "+", podendo ser ordenado pela ordem do Preço Maior para o Menor e vice-versa;
- É possível ordenar os produtos por ordem crescente ou decrescente de preço (pode ser na home em si ou junto dos filtros);
- Ao clicar nos nomes das viagens nesta página, é possível ver mais detalhes sobre;
- Por nome do produto;
- 🛠️ Tecnologias: