BedTales is a delightful application that generates personalized bedtime stories for children using AI. With beautiful illustrations and engaging narratives, BedTales helps create magical moments at bedtime.
- Generate unique, personalized bedtime stories with AI
- Create and manage custom characters
- Save your favorite stories to read later
- Beautiful, child-friendly illustrations
- Customize the reading experience with different themes and fonts
- Responsive design that works on mobile and desktop
- Node.js (v16 or later)
- npm (v8 or later) or yarn
- Google Gemini API key
-
Clone the repository
git clone https://github.com/your-username/bedtales.git cd bedtales -
Install dependencies
npm install # or yarn -
Set up environment variables Create a
.envfile in the root directory with your Google Gemini API key:VITE_GOOGLE_GENAI_API_KEY=your_api_key_here -
Start the development server
npm run dev # or yarn dev -
Open the app The app should now be running at
http://localhost:5173
npm run dev- Start the development servernpm run build- Build the app for productionnpm run preview- Preview the production build locallynpm run test- Run testsnpm run storybook- Launch Storybook for component developmentnpm run build-storybook- Build Storybook for deployment
| Variable | Description | Required |
|---|---|---|
VITE_GOOGLE_GENAI_API_KEY |
Your Google Gemini API key | Yes |
NODE_ENV |
Environment (development/production) | No |
DEBUG |
Enable debug logging | No |
src/
├── components/ # Reusable UI components
├── contexts/ # React context providers
├── hooks/ # Custom React hooks
├── services/ # API and service layer
├── types/ # TypeScript type definitions
└── views/ # Page-level components
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with React, TypeScript, and Vite
- Styled with Tailwind CSS
- Icons by Lucide
- Powered by Google Gemini