# 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