An interactive full-stack web app that creates short children’s stories from a single keyword — powered by Google Gemini 2.0 Flash model.
This project is built using the MERN stack (MongoDB, Express, React, Node.js) and demonstrates how frontend and backend communicate to generate creative content with AI.
- Generate a short AI children’s story from any keyword
- Uses Google Gemini API for story generation
- Express backend with clean route/controller structure
- React frontend for user interaction
- CORS and dotenv setup for secure communication
React, Axios, Node.js, Express, Axios, dotenv, cors
AI Model: Gemini 2.0 Flash (Google AI Studio)
Follow these steps to set up and run the project locally 👇
git clone https://github.com/YOUR_GITHUB_USERNAME/ai-story-generator.git
cd ai-story-generatorcd backend
npm installCreate a .env file inside the backend folder and add the following:
GOOGLE_API_KEY=your_google_api_key_hereThen start the backend:
npm startcd ../frontend
npm install