🌊 Fundação Web3 - Plataforma Educacional

Plataforma educacional revolucionária focada em Web3, blockchain e descentralização

📚 Documentação • 🚀 Começar • ✨ Features • 🛠️ Tecnologias • 📦 Deploy

---

📖 Sobre o Projeto

Sonho, Para Um Mundo Mais Humano! Filosofia Da Nossa Fundação. ………………..,...................Descentralizada.
Nossa Filosofia É Oferecer A Partir Da Web3.0 Um Mundo Mais Humano E Oportunidades Para Todos. Inoperabilidade E Nossa Missão. Nomenclaturas Por Natureza Já São Ruins, Podem Inibir O Potencial De Crescimento, Promover A Mentalidade Burocrática, Estimular A Obsessão Corporativa Pelos Títulos, Estruturas E Não Por Talentos, Ideias E Resultados. Num Mundo Em Que Todos Falam E Pouco Ouvem, Propomos O Uso De Um Outro Sentido. Propomos Um Olhar. Vamos Olhar Para O Futuro Inspirado Pela Dinâmica De Mudanças Do Brasil E Mundo. Estamos Criando Uma Missão Muito Diferente Somos Uma Comunidade Que Irá De Forma Crível, Relevante, Competitiva E Disruptiva, Conversar Com Tudo E Todos, Buscar Novos Caminhos, Soluções, Resultados, Inovações, Tecnologias, Portabilidades, Divisibilidades, Tornar Tangível Até A Interoperabilidade Dos Metaversos. Ou Melhor Multiversos ! Vamos Encontrar Estratégias Nada Convencionais. A Fundação É Hiper-Cultural, E Confirma A Memorabilidade Em Quaisquer Ações Sob Nossa Responsabilidade. A Intersecção E A Interoperabilidade É O Nosso Maior Desafio. Tempo E Ativos. Novos Dinheiros .
Vamos Fundir O Infungível!. Seja Mais Que Bem Vinda(0) Não A Palavra Para Isto, Simplesmente É Um Sentimento.Não Há Empresa Separada Departamento Separado, Nenhum Nome Separado, Nenhuma Nomenclatura, Nós Somos Uma Geração Que Está Participando Da Maior Missão De Todos Os Tempos, Temos Como Obrigação Achar A Coisa Certa Para Se Fazer.

Seja Parceiro. Tenha uma sua coluna semanal. Conheça nossa Agência, Decentralize sua empresa. Tenha seu escritório modular, no nosso METAVERSO. Indique artistas governe conosco o ClubrDa.Art
Nfts e Experiências De Tirar O Fôlego!
Chegamos para Você! Faça A Sua Inscrição Para Adquirir Seu Token. e fazer parte da maior missão, interoperabilidade, em busca da verdade e viver com Liberdade. Maria João Abujamra

A Fundação Web3 é uma plataforma educacional completa dedicada a democratizar o conhecimento sobre Web3, blockchain, criptomoedas, NFTs e tecnologias descentralizadas. Nossa missão é transformar curiosos em especialistas através de uma experiência de aprendizado interativa, gamificada e envolvente.

🎯 Missão

Democratizar a fronteira digital e empoderar indivíduos através da educação descentralizada, tornando a Web3 acessível para todos.

🌟 Diferenciais

• 🎮 Aprendizado Gamificado: Mini-jogos educativos que ensinam conceitos complexos de forma divertida
• 🏆 Sistema de Achievement NFTs: Conquistas que se transformam em NFTs colecionáveis
• 🎓 Cursos Estruturados: Conteúdo educacional de qualidade com certificados
• 🤖 Mascote Interativo: Assistente Web3 com dicas contextuais
• 🎨 Design Oceânico: Interface única com tema inspirado no oceano digital
• ♿ Acessibilidade Total: Suporte completo para diferentes necessidades

---

✨ Features

🎓 Sistema Educacional

Cursos Completos

• Sistema de Módulos e Lições: Organização estruturada do conteúdo
• Vídeos Educativos: Integração com YouTube para conteúdo multimídia
• Progresso Rastreado: Acompanhamento detalhado do avanço do aluno
• Certificados Digitais: Certificação ao completar cursos
• Avaliações: Sistema de reviews e ratings

Teste de Aptidão Web3

• Avaliação profissional personalizada
• Recomendações de cursos baseadas no perfil
• Análise de conhecimentos em blockchain, IA e governança
• Resultados detalhados com próximos passos

🎮 Mini-Jogos Educativos

1. Construtor de Blockchain

• Objetivo: Aprender sobre estrutura de blocos e hashing
• Mecânica: Conectar blocos na ordem correta usando hashes
• Recompensa: 100 XP + Achievement NFT Bronze

2. Trader de Criptomoedas

• Objetivo: Simular trading e análise técnica
• Capital Inicial: $10,000 virtuais
• Meta: +25% de retorno
• Recompensa: 200 XP + Achievement NFT Silver

3. Criador de NFT

• Objetivo: Entender propriedades e metadados de NFTs
• Mecânica: Sistema completo de criação com traits únicos
• Recompensa: 150 XP + Achievement NFT Bronze

4. Governança DAO

• Objetivo: Participar de votações descentralizadas
• Mecânica: Criar e votar em propostas
• Recompensa: 250 XP + Achievement NFT Gold

5. Fazendeiro DeFi

• Objetivo: Aprender sobre yield farming e liquidity pools
• Dificuldade: Avançado
• Recompensa: 300 XP + Achievement NFT Platinum

6. Debugger de Smart Contract

• Objetivo: Encontrar vulnerabilidades em contratos
• Dificuldade: Avançado
• Recompensa: 400 XP + Achievement NFT Diamond

🏆 Sistema de Achievement NFTs

Categorias de Conquistas

• Gaming: Vitórias e conquistas nos mini-jogos
• Learning: Progresso educacional (cursos, testes)
• Creator: Criação de conteúdo (NFTs, posts)
• Social: Participação comunitária (votações DAO)
• Explorer: Descoberta da plataforma

Raridades

• 🥉 Bronze: Conquistas básicas (50 FW3)
• 🥈 Silver: Conquistas intermediárias (150 FW3)
• 🥇 Gold: Conquistas avançadas (300 FW3)
• 💎 Platinum: Conquistas raras (500 FW3)
• 💠 Diamond: Conquistas lendárias (1000 FW3)

Token FW3

• Utility token da plataforma
• Ganhável através de conquistas e participação
• Usável para governança e benefícios exclusivos
• Planejamento de integração com Polygon blockchain

🎨 Galeria NFT - Clube da Arte

• Showcase de NFTs: Exibição de coleções em destaque
• Integração OpenSea: Links diretos para marketplace
• Status "Em Breve": Whitepaper em desenvolvimento
• Reserva de Tokens: Sistema de early access

📝 Blog Integrado

• WordPress Integration: Conteúdo de Provoca.news
• Múltiplas Categorias: Web3, DeFi, NFT, IA
• Sistema de Tags: Organização e busca facilitada
• Posts em Destaque: Carousel de conteúdo destacado
• Autores Múltiplos: Sistema de autoria e perfis

📺 Integração YouTube

• Canal Provocadora: Conteúdo educacional Web3
• Canal Provoca News: Notícias e análises do mercado cripto
• Vídeos Embarcados: Player integrado na plataforma
• Estatísticas: Views, duração e data de publicação

🗳️ Sistema de Governança

• Propostas DAO: Criação e votação descentralizada
• Categorias: Técnicas, Financeiras, Comunitárias, Educacionais
• Token de Governança: Poder de voto baseado em tokens
• Histórico: Acompanhamento de propostas ativas e encerradas

👥 Comunidade

• Redes Sociais: Links para YouTube, Discord, Twitter, Instagram
• Estatísticas: Membros ativos por plataforma
• Engajamento: Botões de ação para todas as redes

🎨 Design & UX

Tema Oceânico

• Glassmorphism: Transparência e efeitos de vidro
• Gradientes Variados: Rosa, roxo, azul, lilás
• Animações Suaves: Transições e micro-interações
• Elementos Flutuantes: Peixes, conchas, ondas

Acessibilidade

• Alto Contraste: Modo de leitura facilitada
• Texto Grande: Aumenta tamanho da fonte
• Narração (TTS): Leitura de conteúdo por voz
• Animações Reduzidas: Para sensibilidade ao movimento
• Navegação por Teclado: Suporte completo

🎁 Easter Eggs

Sistema de descoberta de segredos escondidos:

• Códigos Secretos: Sequências de teclado especiais
• Recompensas: FW3 Tokens, NFTs exclusivos, badges
• Rastreamento: Contador de easter eggs descobertos
• Dicas: Sistema de hints para descoberta

🔐 Sistema de Autenticação

• Login Administrativo: Acesso protegido ao painel
• Validação de Chave: Sistema de chave secreta para admins
• Sessões Seguras: PostgreSQL session storage
• Roles: Sistema de permissões (admin, author, user)
• Proteção de Rotas: Middleware de autenticação

---

🛠️ Tecnologias

Frontend

• React 18: Biblioteca de UI
• TypeScript: Tipagem estática
• Tailwind CSS: Framework CSS utility-first
• shadcn/ui: Componentes UI modernos
• Wouter: Roteamento leve
• TanStack Query: Gerenciamento de estado e cache
• Framer Motion: Animações fluidas
• Lucide Icons: Ícones SVG
• React Hook Form: Formulários com validação
• Zod: Validação de schemas

Backend

• Node.js 20: Runtime JavaScript
• Express: Framework web
• TypeScript: Tipagem no backend
• Drizzle ORM: ORM type-safe
• PostgreSQL 16: Banco de dados relacional
• Passport.js: Autenticação
• Express Session: Gerenciamento de sessões

Build & Dev Tools

• Vite: Build tool e dev server
• ESBuild: Bundler ultra-rápido
• TSX: TypeScript executor
• Drizzle Kit: Migrations e schemas
• PostCSS: Processamento CSS

Integrações

• WordPress API: Blog posts do Provoca.news
• OpenSea API: Dados de NFTs (planejado)
• YouTube: Integração de vídeos
• Stripe: Sistema de pagamentos (planejado)
• Polygon: Blockchain para NFTs (planejado)

---

🚀 Começar

Pré-requisitos

# Node.js 20 ou superior
node --version  # v20.x.x

# npm ou yarn
npm --version   # 10.x.x

Instalação Local

1. Clone o repositório

git clone https://github.com/PrimeiraMelodia/Web3.git
cd Web3

2. Instale as dependências

npm install

3. Configure as variáveis de ambiente

# Copie o arquivo de exemplo
cp .env.example .env

# Edite o arquivo .env com suas credenciais
nano .env

4. Configure o banco de dados

# Crie o banco PostgreSQL (local ou use serviço como Neon/Supabase)
# Atualize DATABASE_URL no .env

# Execute as migrations
npm run db:push

5. Inicie o servidor de desenvolvimento

npm run dev

6. Acesse a aplicação

http://localhost:5000

🔑 Credenciais de Administrador

Para acessar o painel administrativo:

URL: http://localhost:5000/admin/login
Email: fundacaoweb3@2025
Chave Admin: fw3_admin_2025_secure_key

⚠️ IMPORTANTE: Altere essas credenciais em produção!

---

📦 Deploy

Opções de Hospedagem Gratuita

A plataforma pode ser hospedada gratuitamente usando várias opções. Recomendamos:

⭐ Opção 1: Vercel + Supabase (RECOMENDADO)

• Frontend: Vercel (gratuito)
• Backend: Vercel Serverless Functions
• Database: Supabase PostgreSQL (500MB grátis)
• Vantagens: Deploy automático, CDN global, SSL gratuito

📖 Ver Guia Completo

Opção 2: Render

• Full-stack: Render Web Service
• Database: PostgreSQL grátis por 90 dias
• Vantagens: Fácil configuração, auto-deploy do Git

Opção 3: Railway

• Full-stack + Database: Railway
• Trial: $5 de crédito grátis
• Vantagens: Ambientes efêmeros, simples

Opção 4: Fly.io

• Edge Deployment: Distribuição global
• Free Tier: 3 VMs compartilhadas
• Vantagens: WebSocket support, Redis

Variáveis de Ambiente Necessárias

# Banco de Dados
DATABASE_URL=postgresql://user:password@host:5432/database

# Sessões
SESSION_SECRET=seu-secret-super-seguro-aqui

# Ambiente
NODE_ENV=production

# Admin (MUDE EM PRODUÇÃO!)
ADMIN_EMAIL=seu-email@dominio.com
ADMIN_SECRET_KEY=sua-chave-secreta

# Opcional - Integrações Futuras
STRIPE_SECRET_KEY=sk_...
WORDPRESS_API_URL=https://provoca.news/wp-json/wp/v2
OPENSEA_API_KEY=...

---

📂 Estrutura do Projeto

Web3/
├── client/                 # Frontend React
│   ├── src/
│   │   ├── components/    # Componentes reutilizáveis
│   │   │   ├── games/    # Mini-jogos
│   │   │   ├── layout/   # Layout components
│   │   │   ├── sections/ # Seções da home
│   │   │   └── ui/       # shadcn/ui components
│   │   ├── hooks/        # Custom React hooks
│   │   ├── lib/          # Utilities e helpers
│   │   ├── pages/        # Páginas da aplicação
│   │   ├── App.tsx       # App principal
│   │   ├── index.css     # Estilos globais
│   │   └── main.tsx      # Entry point
│   └── index.html        # HTML template
│
├── server/                # Backend Node.js/Express
│   ├── auth.ts           # Autenticação
│   ├── db.ts             # Conexão database
│   ├── index.ts          # Server principal
│   ├── routes.ts         # API routes
│   ├── storage.ts        # Interface de storage
│   ├── wordpress.ts      # Integração WordPress
│   └── vite.ts           # Vite SSR config
│
├── shared/                # Código compartilhado
│   └── schema.ts         # Drizzle schemas + tipos
│
├── .env.example          # Exemplo de variáveis
├── package.json          # Dependências
├── tsconfig.json         # TypeScript config
├── tailwind.config.ts    # Tailwind config
├── vite.config.ts        # Vite config
├── drizzle.config.ts     # Drizzle config
└── README.md             # Este arquivo

---

🗄️ Banco de Dados

Schemas Principais

Users (Usuários)

• Autenticação e perfis
• Campos: email, name, username, bio, walletAddress
• Roles: isAdmin, isAuthor

Courses (Cursos)

• Sistema educacional completo
• Módulos, lições, progresso
• Certificados e reviews

Blog Posts

• Conteúdo integrado do WordPress
• Categorias, tags, autores
• Featured posts e views

NFT Collections

• Galeria de NFTs
• OpenSea integration
• Featured NFTs

Governance

• Proposals e votações
• Tokens de governança
• Histórico de decisões

Achievements (Sistema Futuro)

• Achievement NFTs
• Raridades e valores
• Metadados on-chain

---

🤝 Contribuindo

Contribuições são bem-vindas! Por favor, siga estes passos:

1. Fork o projeto
2. Crie uma branch para sua feature (git checkout -b feature/MinhaFeature)
3. Commit suas mudanças (git commit -m 'Add: Minha nova feature')
4. Push para a branch (git push origin feature/MinhaFeature)
5. Abra um Pull Request

📋 Convenções de Commit

feat: Nova funcionalidade
fix: Correção de bug
docs: Documentação
style: Formatação, ponto e vírgula, etc
refactor: Refatoração de código
test: Testes
chore: Manutenção

---

🐛 Reportar Problemas

Encontrou um bug? Abra uma issue descrevendo:

• 📝 Descrição clara do problema
• 🔄 Passos para reproduzir
• 💻 Ambiente (navegador, OS, versão)
• 📸 Screenshots (se aplicável)

---

📜 Licença

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

---

👥 Equipe

idealizadora - Maria Joao Abujamra Fundação Web3 - Democratizando o acesso à educação descentralizada

• 📺 YouTube - Provocadora
• 📺 YouTube - Provoca News
• 🌐 Website

---

🎯 Roadmap

✅ Concluído (Q1 2025)

• Sistema de cursos completo
• Mini-jogos educativos (6 jogos)
• Sistema de autenticação
• Blog integrado (WordPress)
• Galeria NFT
• Sistema de governança
• Teste de aptidão Web3
• Mascote interativo
• Sistema de acessibilidade
• Easter eggs

🚧 Em Desenvolvimento (Q2 2025)

• Blockchain integration (Polygon)
• Achievement NFTs on-chain
• FW3 Token smart contract
• NFT Marketplace
• Sistema de pagamentos (Stripe)
• Certificados NFT
• Mais mini-jogos

📅 Planejado (Q3-Q4 2025)

• Mobile app (React Native)
• Live classes
• Mentorship program
• DAO completa
• Staking de FW3
• Parcerias educacionais
• Expansão internacional

---

💡 Suporte

Precisa de ajuda? Entre em contato:

• 📧 Email: [fundacaoweb3@gmail.com)
• -tel-5511-945686070
• 💬 Discord: [Em breve]
• 🐦 Twitter: [Em breve]

---

🌟 Agradecimentos

Agradecemos a todos que contribuíram para tornar a educação Web3 mais acessível:

• Comunidade open source
• Desenvolvedores de todas as bibliotecas utilizadas
• Educadores e criadores de conteúdo Web3
• Nossa comunidade de alunos e entusiastas

---

Feito com ❤️ e ☕ pela Fundação Web3

⭐ Se este projeto foi útil, considere dar uma estrela no GitHub! idealizacao

Maria Joao Abujamra @mjabujamra #mjabujamra