Digital Story 🛒

Bem-vindo ao repositório da Digital Story! Este é um projeto de e-commerce desenvolvido com React, PrimeReact, PrimeIcons e outras tecnologias modernas para oferecer uma experiência de compra online intuitiva e responsiva, e colocar em pratica todo conhecimento adquirido no Projeto GeraçãoTech 3.

Tecnologias Utilizadas 🚀

• React - Biblioteca JavaScript para construir interfaces de usuário.
• PrimeReact - Biblioteca de componentes de UI para React.
• PrimeIcons - Conjunto de ícones para a interface.
• React Router DOM - Biblioteca para navegação e gerenciamento de rotas.
• PrimeFlex - Sistema de layout flexível para design responsivo.

Instalação 📦

Para rodar o projeto localmente, siga os passos abaixo:

1. Clone o repositório para a sua máquina:

   git clone https://github.com/ldlaLucas/Projeto-Digital-Store.git

2. Navegue até o diretório do projeto:

   cd projeto-loja-virtual

3. Instale as dependências:

   npm i

4. Inicie o servidor de desenvolvimento:

   npm run dev

   O projeto estará disponível em http://localhost:5173.

Estrutura do Projeto

A estrutura de pastas do projeto segue o modelo abaixo:

src/
├── components/
│   ├── Header/
│   ├── Footer/
│   ├── Logo/
│   ├── ShoppingCart/
│   ├── ProductListing/
│   ├── ProductCard/
│   ├── ProductOptions/
│   ├── BuyBox/
│   ├── Section/
│   ├── FilterGroup/
│   ├── ProductDetails/
│   ├── Layout/
|   ├── ProductData/
|   ├── MyProducts/
│   └── Gallery/
├── pages/
│   ├── Home/
|   ├── CategoryPage/
|   ├── NotFound/
|   ├── BuyPage/
│   ├── ProductViewPage/
│   ├── ProductListingPage/
|   └── OrdersPage/
├── Routes/
├── App.jsx
├── Index.css
├── main.js
└── Variables.css

Funcionalidades 🌟

• Listagem de Produtos: Visualização de produtos em várias categorias com filtros de pesquisa.
• Detalhes do Produto: Página de detalhes para exibição de informações detalhadas de um produto.
• Carrinho de Compras: Funcionalidade para adicionar produtos ao carrinho e calcular o total de compras.
• Galeria de Imagens: Apresentação de coleções e produtos em destaque por meio de um slide responsivo.

Contato 📞

Se você tiver dúvidas ou sugestões, entre em contato:

E-mail: ldlaconcursos@gmail.com

E-mail: henrique.pedro62@aluno.ifce.com

E-mail: steiciealeixosousa@gmail.com

LinkedIn: Lucas Augusto

LinkedIn: Pedro Henrique

LinkedIn: Steicie Aleixo

---

Obrigado! 🎉

Obrigado por conferir nosso projeto! Esperamos que você aproveite a experiência de compra virtual.

---

💻 Desenvolvido por Lucas Augusto, Pedro Henrique e Steicie Aleixo!