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: