An interactive AI-powered story generator designed specifically for young children (ages 3-6). Create magical, educational, and safe stories with just a few words!
- 🎨 Interactive story generation
- 🔒 Child-safe content filtering
- 📱 Responsive design
- 🎭 Engaging animations
- 💾 Story saving and sharing
- 🌈 Accessibility focused
- 🚀 Fast and intuitive interface
- Vite + Vue 3.4
- Typescript
- Sass
- Google Gemini AI API
- Clone the repository:
git clone https://github.com/YohannHommet/story-builder-ai.git
cd story-builder-ai- Set up your environment variables:
cp .env.example .env
# Add your Gemini API key to .envThe application uses the following environment variables:
GEMINI_API_KEY- Your Google Gemini API key
story-builder-ai/
├── public/
│ ├── images/
│ ├── favicons/
│ └── manifest/
├── src/
│ ├── styles/
│ ├── scripts/
│ └── pages/
├── .well-known/
- Primary Color:
#FFD6E7(Soft Pink) - Secondary Color:
#C7E9FF(Soft Blue) - Accent Color:
#BFFFDD(Soft Mint) - Background:
#FFF9F5(Warm Cream) - Text Color:
#786B82(Soft Purple)
Fonts:
- Primary: Comic Sans MS (for child-friendly appeal)
- Secondary: Verdana (for readability)
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Opera (latest)
- Content filtering for child safety
- HTTPS enforced
- API rate limiting
- Regular security audits
- Responsible disclosure program
Detailed documentation is available in the /docs directory:
This project is licensed under the MIT License - see the LICENSE file for details.
- Google Gemini AI for the story generation
- The open-source community
- All our contributors and users
- Website: storybuilder.ai
- Email: [email protected]
- Twitter: @storybuildai
Made with ❤️ by Yohann Hommet