💄 Diva - Loja de Gloss

Uma interface de e-commerce para uma loja de gloss, desenvolvida com React e TypeScript.

Este projeto foi criado como parte do desafio da 3ª edição do curso de desenvolvimento web da < div >a, uma comunidade de meninas da subárea de desenvolvimento do CITi (Empresa Júnior do CIn-UFPE).

O objetivo era aplicar conceitos de React e JavaScript para construir uma aplicação web funcional e responsiva.

✨ Funcionalidades

• Listagem de Produtos: Exibe os glosses disponíveis com imagem, nome e preço.
• Busca Dinâmica: Filtra os produtos em tempo real conforme o usuário digita.
• Design Responsivo: O layout se adapta a diferentes tamanhos de tela, de celulares a desktops.

🛠️ Tecnologias Utilizadas

• React - Biblioteca para construir a interface de usuário.
• TypeScript - Para adicionar tipagem estática e melhorar a qualidade do código.
• CSS - Estilização com Flexbox, Grid Layout e Media Queries.

🏁 Como Executar o Projeto

Siga os passos abaixo para rodar a aplicação localmente.

Pré-requisitos

Você vai precisar ter o Node.js instalado na sua máquina. O pnpm é o gerenciador de pacotes usado neste projeto, mas você também pode usar npm ou yarn.

Instalação

1. Clone o repositório:

   git clone https://github.com/seu-usuario/diva.git

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

   cd diva

3. Instale as dependências:

   pnpm install

Rodando a Aplicação

Para iniciar o servidor de desenvolvimento, execute:

pnpm start

Abra http://localhost:3000 no seu navegador para ver o resultado.