Odonto Clinic

Sobre o projeto

Odonto Clinic é um website desenvolvido para uma clínica odontológica, visando melhorar a experiência dos pacientes e fornecer informações essenciais sobre os serviços oferecidos. O site foi projetado para ser visualmente atraente e intuitivo, permitindo que os usuários encontrem informações sobre os tratamentos, conheçam os especialistas, leiam depoimentos e localizem a clínica. A interface moderna e responsiva foi construída com foco em usabilidade e acessibilidade.

💻 Tecnologias e Dependências

Esse projeto foi desenvolvido com as seguintes tecnologias e bibliotecas:

Tecnologias	Versão	Links
Vite	^5.2.0	Vite
Chakra UI	^2.8.2	Chakra UI
TypeScript	^5.2.2	TypeScript

Principais Bibliotecas Utilizadas

• Chakra UI v2: Biblioteca de componentes estilizados que facilita a criação de interfaces acessíveis e responsivas. A versão 2 traz novas funcionalidades e melhorias em comparação com a versão anterior.
• React Icons: Para ícones vetoriais reutilizáveis em diferentes partes do layout.
• Google Maps Integration: Um mapa interativo para ajudar os usuários a localizar a clínica com facilidade.

🚀 Como rodar o projeto?

Pré-requisitos

Certifique-se de ter os seguintes requisitos instalados:

• Node.js (versão LTS recomendada)
• Git para clonar o repositório
• Um gerenciador de pacotes: npm (instalado com o Node.js) ou Yarn

1. Clonando o repositório

Clone o projeto para sua máquina local:

git clone https://github.com/KayoRonald/odonto-clinic/

2. Navegando para o diretório do projeto

Abra o terminal e vá para o diretório do projeto:

cd odonto-clinic

3. Instalando as dependências

Instale todas as dependências do projeto usando yarn ou npm:

# Usando yarn
yarn

# Usando npm
npm install

4. Rodando a aplicação

Inicie o servidor de desenvolvimento com o comando:

# Usando yarn
yarn dev

# Usando npm
npm run dev

A aplicação estará disponível no endereço http://localhost:5173/ ou em outra porta definida pelo Vite.

📋 Funcionalidades

• Página inicial com informações sobre os serviços e especialidades

• Seção de depoimentos de clientes

• Mapa interativo com a localização da clínica

• Layout responsivo para uma melhor experiência em dispositivos móveis

• Integração com o Chakra UI v2 para uma interface mais moderna e estilizada

  

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.