https://github.com/odevthomas/academia-bluefit
O Bluefit é um projeto que visa oferecer uma plataforma completa para quem busca melhorar sua saúde e bem-estar. O projeto inclui várias funcionalidades, como uma calculadora de IMC, formulários de contato, blogs sobre fitness e uma interface interativa com animações e elementos dinâmicos.
https://github.com/odevthomas/academia-bluefit
Last synced: over 1 year ago
JSON representation
O Bluefit é um projeto que visa oferecer uma plataforma completa para quem busca melhorar sua saúde e bem-estar. O projeto inclui várias funcionalidades, como uma calculadora de IMC, formulários de contato, blogs sobre fitness e uma interface interativa com animações e elementos dinâmicos.
- Host: GitHub
- URL: https://github.com/odevthomas/academia-bluefit
- Owner: odevthomas
- Created: 2024-08-26T17:28:16.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-26T17:57:55.000Z (almost 2 years ago)
- Last Synced: 2025-01-30T15:41:34.496Z (over 1 year ago)
- Language: HTML
- Homepage: https://devthmedu.github.io/Academia-Bluefit/
- Size: 34 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bluefit
## Descrição
O Bluefit é um projeto que visa oferecer uma plataforma completa para quem busca melhorar sua saúde e bem-estar. O projeto inclui várias funcionalidades, como uma calculadora de IMC, formulários de contato, blogs sobre fitness e uma interface interativa com animações e elementos dinâmicos.
## Funcionalidades
- **Calculadora de IMC**: Permite aos usuários calcular seu Índice de Massa Corporal (IMC) com base em peso e altura.
- **Formulário de Contato**: Coleta informações dos usuários e as envia para um banco de dados Firebase.
- **Blog**: Apresenta postagens sobre fitness, dicas e histórias inspiradoras.
- **Interface Responsiva**: Design adaptável para diferentes dispositivos com navegação dinâmica e animações.
## Tecnologias Utilizadas
- **HTML5**: Estruturação de conteúdo e páginas web.
- **CSS3**: Estilização e design das páginas.
- **JavaScript**: Interatividade e funcionalidades dinâmicas.
- **Firebase**: Armazenamento de dados e autenticação.
- **Ionicons**: Ícones e elementos gráficos.
## Estrutura do Projeto
### Diretório `assets/`
- `css/`: Contém os arquivos CSS para estilização do projeto.
- `images/`: Contém imagens usadas no site.
### Arquivos principais
- `index.html`: Página principal do site.
- `contact.html`: Página com formulário de contato.
- `bmi.html`: Página com calculadora de IMC.
- `blog-latest.html`: Página com a lista de blogs mais recentes.
- `blog1.html`, `blog2.html`, `blog3.html`: Páginas individuais dos blogs.
### JavaScript
- `firebase-config.js`: Configuração e inicialização do Firebase.
- `navbar.js`: Lógica para a navegação e comportamento do menu.
- `contact-form.js`: Manipulação e envio dos dados do formulário de contato.
- `bmi-calculator.js`: Cálculo do IMC e exibição dos resultados.
## Configuração e Execução
### Configuração do Firebase
1. **Crie um projeto no [Firebase Console](https://console.firebase.google.com/)**.
2. **Adicione uma nova aplicação web** ao seu projeto.
3. **Copie a configuração do Firebase** e substitua os valores no arquivo `firebase-config.js`:
```javascript
const firebaseConfig = {
apiKey: "SUA_API_KEY",
authDomain: "SEU_AUTH_DOMAIN",
databaseURL: "SEU_DATABASE_URL",
projectId: "SEU_PROJECT_ID",
storageBucket: "SEU_STORAGE_BUCKET",
messagingSenderId: "SEU_MESSAGING_SENDER_ID",
appId: "SEU_APP_ID"
};
firebase.initializeApp(firebaseConfig);
```
### Execução
1. **Clone o repositório**:
```bash
git clone https://github.com/seu-usuario/bluefit.git
```
2. **Navegue até o diretório do projeto**:
```bash
cd bluefit
```
3. **Abra o arquivo `index.html`** em um navegador para visualizar o site.
## Contribuições
Contribuições são bem-vindas! Sinta-se à vontade para enviar um pull request ou relatar problemas.
## Licença
Este projeto está licenciado sob a [Licença MIT](LICENSE).