Este é um projeto de front-end para um petshop online, desenvolvido com React e Vite. A aplicação apresenta uma interface de usuário para navegar por produtos e categorias, com um design limpo e moderno.
- Navegação intuitiva: Uma barra de navegação com links para as seções de Início, Comprar, Sobre Nós e Contato.
- Busca de produtos: Uma barra de pesquisa funcional na navegação para encontrar produtos facilmente.
- Carrossel de categorias: Um carrossel interativo que exibe diferentes categorias de produtos, como "Acessórios" e "Comida".
- Cards de categoria: Componentes visuais para cada categoria, mostrando uma imagem, o título e a contagem de produtos.
- Cards de animais: Cards para exibir os animais.
- Design responsivo: O layout foi construído para se adaptar a diferentes tamanhos de tela (em desenvolvimento).
- React: Biblioteca para construir a interface de usuário.
- Vite: Ferramenta de build para um desenvolvimento mais rápido e eficiente.
- Akar Icons: Biblioteca de ícones SVG para React.
- ESLint: Ferramenta para identificar e reportar padrões no JavaScript, garantindo a qualidade do código.
Siga os passos abaixo para rodar o projeto em seu ambiente de desenvolvimento.
Pré-requisitos:
- Node.js (versão 18.x ou superior)
- npm ou Yarn
Instalação:
- Clone este repositório:
git clone <URL_DO_REPOSITORIO>
- Navegue até o diretório do projeto:
cd petshop-app - Instale as dependências:
npm install
Execução:
- Para iniciar o servidor de desenvolvimento, execute:
npm run dev
- Abra seu navegador e acesse
http://localhost:5173para ver a aplicação.
No arquivo package.json, você encontrará os seguintes scripts:
npm run dev: Inicia o servidor de desenvolvimento com Vite.npm run build: Gera a versão de produção da aplicação.npm run lint: Executa o ESLint para analisar o código.npm run preview: Inicia um servidor local para visualizar a versão de produção.