Go to file
Lucas Santana d5c75ab6c2 fix: melhora tratamento de URLs de imagem
- Adiciona verificação de URLs indefinidas
- Implementa fallback para imagem padrão
- Corrige tipagem em getOptimizedImageUrl
- Padroniza otimização em edge functions
- Previne erros de runtime
2024-12-24 16:19:47 -03:00
.bolt
.vscode
public
src fix: melhora tratamento de URLs de imagem 2024-12-24 16:19:47 -03:00
supabase fix: melhora tratamento de URLs de imagem 2024-12-24 16:19:47 -03:00
.cursorrules refactor: remove pasta /pages/story 2024-12-24 15:46:22 -03:00
.eslintrc.json
.gitignore
CHANGELOG.md fix: melhora tratamento de URLs de imagem 2024-12-24 16:19:47 -03:00
eslint.config.js
index.html
package-lock.json
package.json
postcss.config.js
README.md refactor: atualiza estrutura de dados das histórias 2024-12-23 14:45:16 -03:00
tailwind.config.js
tsconfig.app.json
tsconfig.json
tsconfig.node.json
vite.config.ts

Histórias Mágicas 🌟

Uma plataforma educacional interativa que oferece histórias personalizadas para crianças entre 6 e 12 anos, com foco na cultura brasileira e educação.

🎯 Sobre o Projeto

Histórias Mágicas é uma aplicação web desenvolvida em React que permite que crianças explorem histórias educativas de forma interativa e personalizada. O projeto tem como objetivo:

  • Promover a educação através de narrativas envolventes
  • Valorizar a diversidade cultural brasileira
  • Incentivar a consciência ambiental
  • Oferecer uma experiência de aprendizado segura e divertida

Funcionalidades

  • 📚 Biblioteca de histórias interativas
  • 👤 Personalização de avatares (culturas baiana e amazônica)
  • 🎨 Temas educacionais diversos
  • 🔊 Narração de histórias
  • 📱 Design responsivo
  • 🔒 Ambiente seguro e protegido

🛠️ Tecnologias Utilizadas

  • React 18
  • TypeScript
  • Tailwind CSS
  • Lucide React (ícones)
  • Vite
  • Supabase
  • Supabase Functions
  • OpenAI
  • DALL-E

🚀 Como Executar

  1. Clone o repositório:

🚀 Deploy

Opções Recomendadas

1. Vercel (Recomendação Principal)

  • Ideal para aplicações React/Next.js
  • Deploy automático integrado com GitHub
  • SSL gratuito
  • CDN global
  • Excelente performance
  • Plano gratuito generoso

2. Netlify

  • Também oferece deploy automático
  • Funções serverless incluídas
  • SSL gratuito
  • CDN global
  • Interface amigável