Loja de Calçados -

Este é um projeto de uma loja de calçados desenvolvida utilizando a biblioteca React e várias outras tecnologias complementares. A loja possui uma interface de usuário atraente e interativa, permitindo que os usuários visualizem e comprem calçados masculinos.

Funcionalidades Principais

Listagem de Calçados Masculinos: A loja exibe uma lista de calçados masculinos, incluindo detalhes como nome, imagem, preço, desconto, lançamento, etc.
Cálculos de Preço e Parcelamento: Os preços dos calçados são exibidos com descontos (se aplicáveis) e informações sobre parcelamento.
Filtros e Pesquisa: Os usuários podem filtrar calçados por categoria e pesquisar por nome.
Destaques de Mais Vendidos: A loja destaca os produtos mais vendidos.
Interface Responsiva: A interface é projetada para funcionar bem em dispositivos móveis e desktops.

Tecnologias Utilizadas

React: Biblioteca JavaScript para construção de interfaces de usuário.
Next.js: Framework React para renderização do lado do servidor e construção de aplicativos web.
Styled Components: Biblioteca para estilização com CSS-in-JS.
Axios: Cliente HTTP para fazer requisições à API de dados.
React Query: Biblioteca para gerenciamento de estados e caching de dados.
Redux: Biblioteca para gerenciamento de estados globais.
React Router: Biblioteca para roteamento de páginas no React.
Font Awesome: Biblioteca de ícones vetoriais.
TypeScript: Linguagem de programação para adição de tipagem estática ao JavaScript.

Instalação e Uso

Clone este repositório para o seu computador:
```
git clone <URL_DO_REPOSITÓRIO>
```
Navegue até o diretório do projeto:
```
cd calcados
```
Instale as dependências utilizando o npm ou yarn:
```
npm install
```
ou
```
yarn install
```
Inicie o servidor de desenvolvimento:
```
npm run dev
```
ou
```
yarn dev
```
Acesse a aplicação em seu navegador:
```
http://localhost:3000
```

Estrutura do Projeto

components/: Contém componentes reutilizáveis da aplicação, como o cabeçalho, carrinho, etc.
pages/: Páginas da aplicação, definidas automaticamente pelo Next.js.
styles/: Arquivos de estilos globais e temas.
context/: Contexto utilizado para compartilhar informações entre componentes.
img/: Imagens utilizadas na aplicação.
public/: Arquivos públicos, como favicon.
api/: Backend simulado para fornecer dados de exemplo.
types/: Tipos TypeScript utilizados na aplicação.
README.md: Este arquivo.

Considerações Finais

Este projeto é apenas um exemplo de uma loja de calçados desenvolvida com React e outras tecnologias. Sinta-se à vontade para explorar e adaptar o código conforme suas necessidades.

RobervanSouza/calcados