https://github.com/g4brielpy/petshop
Este projeto é uma aplicação web fictícia desenvolvida como parte do meu curso na Infinity School. O "Melhor Amigo" simula um site para um petshop, apresentando uma interface de usuário responsiva e organizada
https://github.com/g4brielpy/petshop
css git html javascript nextjs react tailwindcss
Last synced: 3 months ago
JSON representation
Este projeto é uma aplicação web fictícia desenvolvida como parte do meu curso na Infinity School. O "Melhor Amigo" simula um site para um petshop, apresentando uma interface de usuário responsiva e organizada
- Host: GitHub
- URL: https://github.com/g4brielpy/petshop
- Owner: g4brielpy
- License: mit
- Created: 2024-09-08T13:52:58.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-22T15:07:48.000Z (almost 2 years ago)
- Last Synced: 2026-01-03T11:30:53.748Z (6 months ago)
- Topics: css, git, html, javascript, nextjs, react, tailwindcss
- Language: JavaScript
- Homepage: https://amigopetbr.vercel.app/
- Size: 1.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Projeto PetShop - Melhor Amigo
Este projeto é uma aplicação web fictícia desenvolvida como parte do meu curso na Infinity School. O "Melhor Amigo" simula um site para um petshop, apresentando uma interface de usuário responsiva e organizada para destacar os produtos e serviços oferecidos.
## Funcionalidades
1. **Home**:
- Layout limpo e organizado, destacando o nome "Melhor Amigo" e o slogan do petshop;
- Breve descrição dos serviços oferecidos, como limpeza, tosa e venda de ração;
- Botão de chamada para ação (call-to-action) que conduz os visitantes à página de produtos.
2. **Página de Produtos**:
- Dividida em seções para limpeza, tosa, ração e brinquedos;
- Apresentação dos produtos disponíveis em cada categoria, com descrições breves e preços;
- Opção para os visitantes visualizarem e efetuarem a compra dos produtos.
3. **Página de Galeria de Fotos**:
- Exibição de uma variedade de fotos de animais atendidos pelo petshop;
- Layout atraente, permitindo que as fotos sejam visualizadas de forma ampliada;
- Possibilidade de adicionar legendas e informações adicionais sobre os animais.
4. **Página de Contato**:
- Formulário de contato para os visitantes preencherem com nome, e-mail, telefone e mensagem;
- Informações de contato adicionais, como endereço físico, telefone e e-mail do petshop;
- Opção para os visitantes assinarem a newsletter, caso desejem receber atualizações e promoções por e-mail.
## Tecnologias Utilizadas
- React.js
- Next.js
- Tailwind CSS
- HTML
- CSS
## Como Clonar e Iniciar o Projeto Localmente
Para clonar e executar este projeto em seu computador local, siga os passos abaixo:
1. **Clone o repositório:**
Abra o terminal e execute o comando:
```bash
git clone https://github.com/g4brielpy/petshop.git
```
###
2. **Instale as dependências:**
Navegue até o diretório do projeto clonado:
```bash
cd ./petshop
```
Instale as dependências executando:
```bash
npm install
```
###
3. **Inicie o servidor de desenvolvimento:**
Após a instalação das dependências, inicie o servidor de desenvolvimento com o comando:
```bash
npm run dev
```
###
4. **Visualize o projeto:**
Abra seu navegador e acesse **http://localhost:[port]** para ver a aplicação em execução.
### Requisitos:
- [Node.js v20+](https://nodejs.org/en)
## Deploy
Este projeto está hospedado na Vercel e já pode ser acessado através do seguinte link: [**Acessar PetShop**](https://amigopetbr.vercel.app//)