AI Storytime Generator
A playful web app that lets kids pick animals and objects to instantly generate short, structured stories with matching cartoon images and narrated audio.
Responsibilities
- Developed a Flask-based web application that generates short, structured children's stories using the OpenAI GPT-4o API.
- Designed a dynamic frontend with JavaScript to allow users to select from 10 animal and 10 object options via clickable buttons.
- Implemented asynchronous POST requests to the Flask backend to trigger story, image, and audio generation upon user input.
- Integrated DALL·E 2 API to create cartoon-style images based on AI-generated prompts extracted from the story content.
- Used OpenAI’s text-to-speech API (TTS) to synthesize audio for each story, enhancing accessibility and engagement for kids.
Skills Developed
- Strengthened backend development skills by designing and deploying RESTful endpoints using Flask.
- Improved JavaScript and DOM manipulation techniques to create interactive and responsive UI components.
- Gained practical experience working with OpenAI’s GPT, DALL·E, and TTS APIs for multimodal content generation.
- Enhanced full-stack debugging proficiency, ensuring smooth communication between frontend and backend systems.
- Learned to structure AI-driven applications around user engagement and family-friendly content delivery.
Technologies
- Backend: Flask (Python web framework for API handling and routing)
- Frontend: HTML, CSS, vanilla JavaScript (button logic, API interaction, DOM updates)
- AI Services: OpenAI GPT-4o for story generation, DALL·E 2 for cartoon imagery, TTS for voice synthesis
- Hosting: Local development server with potential for deployment to services like Render or Heroku
- Interactivity: Event-driven UI, animated content reveal, real-time story generation pipeline