Skip to content

Commit f93cc0b

Browse files
itsbyaitsbya
committed
✨ Implementação da Seção sobre e recursos interativos
1 parent 360d97e commit f93cc0b

13 files changed

Lines changed: 1127 additions & 217 deletions

File tree

‎README (1).md‎

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
# 🏋️‍♀️ 7FIT - Eleve o seu jogo
2+
3+
A 7FIT é uma plataforma social voltada para atividades físicas, onde usuários podem criar, descobrir e participar de eventos esportivos na sua comunidade. O foco é transformar conexões digitais em experiências reais através do esporte.
4+
5+
<div align="center">
6+
<img src="https://ik.imagekit.io/Outwake/imagens/Code7/5468787.png" title="source: imagekit.io" width="50%"/>
7+
</div>
8+
9+
## 🚀 Funcionalidades
10+
11+
✨ **Descobrir eventos:** encontre atividades esportivas próximas
12+
🤝 **Conectar pessoas:** interaja com jogadores e comunidades
13+
🏆 **Evoluir no ranking:** acompanhe seu progresso
14+
📅 **Gerenciar presença:** confirme participação em eventos
15+
16+
📌 Home
17+
<div align="center">
18+
<img src="https://ik.imagekit.io/Outwake/imagens/Code7/Home.png" title="source: imagekit.io" width="100%"/>
19+
</div>
20+
21+
📌 Eventos
22+
<!-- INSERIR IMAGEM AQUI -->
23+
<div align="center">
24+
<img src="https://ik.imagekit.io/Outwake/imagens/Code7/Evento.png" title="source: imagekit.io" width="100%"/>
25+
</div>
26+
27+
28+
## 🛠️ Tecnologias Utilizadas
29+
- React
30+
- TypeScript
31+
- Vite
32+
- CSS / Tailwind
33+
- React Router DOM
34+
35+
36+
# 📁 Estrutura de Pastas
37+
```
38+
7FIT-REACT/
39+
│
40+
├── public/
41+
│ ├── images/
42+
│ ├── favicon.svg
43+
│ └── icons.svg
44+
│
45+
├── src/
46+
│ ├── assets/
47+
│ │ ├── favicon.png
48+
│ │ ├── fitness_groups.png
49+
│ │ ├── hero.png
50+
│ │ └── reactsvg
51+
│ │
52+
│ ├── components/
53+
│ │ ├── footer/
54+
│ │ │ └── Footer.tsx
55+
│ │ └── navbar/
56+
│ │ └── Navbar.tsx
57+
│ │
58+
│ ├── pages/
59+
│ │ └── home/
60+
│ │ └── Home.tsx
61+
│ │
62+
│ ├── App.tsx
63+
│ └── main.tsx
64+
│
65+
├── index.html
66+
├── package.json
67+
├── tsconfig.json
68+
└── vite.config.ts
69+
```
70+
71+
# 🔗Clone o repositório
72+
git clone https://github.com/CodeSeven-Turma-JavaScript-13/7fit-react.git
73+
74+
# 📁 Acesse a pasta
75+
cd 7fit
76+
77+
# 📥 Instale as dependências
78+
npm install
79+
80+
# 📀 Rode o projeto
81+
npm run dev
82+
83+
O projeto estará disponível em:
84+
👉 http://localhost:5173/
85+
86+
87+
# 🎯 Objetivo
88+
89+
O 7FIT foi criado para resolver um problema real:
90+
muitas pessoas querem praticar esportes, mas não têm com quem jogar ou não sabem onde encontrar eventos.
91+
92+
A plataforma conecta pessoas com interesses em comum e incentiva uma vida mais ativa.
93+
94+
## 📌 Próximos Passos
95+
- Integração com backend
96+
- Autenticação de usuários
97+
- Sistema de ranking avançado
98+
- Chat em tempo real
99+
- Deploy da aplicação
100+
101+
102+
## 🤝 Contribuição
103+
104+
- Sinta-se à vontade para contribuir com melhorias!
105+
- Basta abrir uma issue ou enviar um pull request 🚀
106+
107+
# 📄 Licença
108+
109+
Este projeto está sob a licença MIT.

‎README.md‎

Lines changed: 0 additions & 73 deletions
This file was deleted.

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@
22
<html lang="pt-br">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
5+
<link rel="icon" type="image/svg+xml" href="https://ik.imagekit.io/Outwake/imagens/Code7/favicon.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>7fit</title>
7+
<title> 7FIT - Eleve o seu jogo </title>
88
</head>
99
<body>
1010
<div id="root"></div>
1111
<script type="module" src="/src/main.tsx"></script>
1212
</body>
13-
</html>
13+
</html>

‎package-lock.json‎

Lines changed: 22 additions & 15 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/App.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
22
import NavBar from './components/navbar/NavBar';
33
import Footer from './components/footer/Footer';
44
import Home from './pages/home/Home';
5+
import About from './pages/about/About';
56
import { Toaster } from 'react-hot-toast';
67

78
function App() {
89
return (
910
<Router>
1011
<div className="min-h-screen flex flex-col relative overflow-x-hidden">
11-
{/* Animated Background Elements */}
1212
<div className="absolute top-0 left-0 w-full h-full -z-10 pointer-events-none overflow-hidden">
1313
<div className="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-neon/10 blur-[120px] rounded-full animate-pulse-slow"></div>
1414
<div className="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-neon/5 blur-[100px] rounded-full"></div>
@@ -30,6 +30,7 @@ function App() {
3030
<main className="flex-grow">
3131
<Routes>
3232
<Route path="/" element={<Home />} />
33+
<Route path="/sobre" element={<About />} />
3334
</Routes>
3435
</main>
3536

0 commit comments

Comments
 (0)