📖 TaleCraft – AI-Powered Storytelling Website

Welcome to TaleCraft, an interactive web application where users can create, explore, and share stories with the help of AI. Designed with a modern frontend and powerful backend, TaleCraft brings creativity to life through technology.

---

🌐 Live Website

🔗 Visit TaleCraft

---

📸 Preview

---

🚀 Tech Stack

Frontend

• ⚛️ React.js
• 🎨 Tailwind CSS
• 🎞️ GSAP (for animations)

Backend

• 🟩 Node.js
• ⚙️ Express.js
• 🔐 dotenv
• 🤖 OpenAI API

---

📁 Project Structure

TaleCraft/
├── client/               # React frontend
│   ├── public/
│   └── src/
│       ├── components/   # Reusable UI components
│       ├── pages/        # Story-related pages
│       └── App.js
├── server/               # Express backend
│   ├── routes/           # API route handlers
│   ├── controllers/      # Logic for handling requests
│   ├── models/           # MongoDB schemas
│   ├── .env.example      # Sample env file
│   └── index.js          # Server entry point
├── .gitignore
├── README.md
└── package.json

---

🔧 Getting Started

1. Clone the Repository

git clone https://github.com/vedhavk/virtual-plant-making
cd talecraft

2. Set Up the Frontend

cd client
npm install
npm start

3. Set Up the Backend

cd ../server
npm install

Create a .env file in the server/ directory based on .env.example:

OPENAI_API_KEY=your_openai_key
PORT=5000

Start the server:

npm run dev

---

✨ Features

• 🧠 AI-generated stories using OpenAI

---

🧪 Example API Endpoints

Method	Endpoint	Description
POST	/api/story/create	Create a new story
GET	/api/story/all	Fetch all stories
GET	/api/story/:id	Get a story by ID
POST	/api/auth/register	Register new user
POST	/api/auth/login	Login user

---

🗒️ Future Enhancements

• Collaborative story writing
• Comments and story ratings
• Profile pages for users
• Story sharing & social media integration
• Audio narration for stories

---

🤝 Contributing

Contributions are welcome!

1. Fork the repository
2. Create your branch:

   git checkout -b feature-name

3. Commit your changes:

   git commit -m "Add new feature"

4. Push to the branch:

   git push origin feature-name

5. Open a Pull Request

---

---

🙏 Acknowledgements

• OpenAI
• React
• Tailwind CSS
• GSAP