🕉️ Story Telling Web (Divine Epics Interactive)

An immersive, interactive digital journey through the timeless epics of India.
Experience the Ramayan 🏹, Mahabharat ⚔️, Radha Krishna 🦚, and Mahavatar Narasimha 🦁 with immersive audio 🎧 & stunning visuals 💎.

🌟 Features · 📖 Epics · 🛠️ Tech Stack · 🚀 Getting Started

Story Telling Web serves as a digital gateway to ancient wisdom, blending modern web technologies with spiritual storytelling. Our vision is to preserve India's cultural heritage by making these timeless tales engaging for all generations through gamification, emotional audioscapes, and exquisite visual artistry.

• 🌌 Immersive Atmosphere: Context-aware ambient background music (BGM) 🎵 and dynamic light rays create a deeply spiritual and emotional mood.
• 📖 Interactive Story Cards: Detailed storytelling cards covering epic milestones, characters 👥, locations 📍, and eras ⏳. Each card features stunning artwork and engaging facts.
• 🌐 Multi-Language Support: Seamlessly switch between English, Hindi (हिंदी), and Odia (ଓଡ଼ିଆ) to learn in your preferred language.
• 🎮 Engaging & Interactive: Scroll progress tracking, delightful hover animations, and smooth page transitions built with Framer Motion.
• 📱 Responsive & PWA Ready: A fluid experience optimized for all devices. Installable as a native app on your desktop and mobile devices for a seamless experience.
• 💎 Modern UI: Beautifully crafted with glassmorphism, tailored typography, custom scrollbars, and gorgeous color themes referencing our heritage.

A saga of righteousness (Dharma), courage, and devotion. Follow the 15-chapter journey of Lord Rama, from his divine birth in Ayodhya, the exile in the forest, building the Ram Setu, to the final victorious battle.

Birth of Lord Rama	Building the Ram Setu

The Greatest Epic of All Time. A saga of duty, war, and righteousness. Experience the epic story of Kurukshetra, the conflict between the Pandavas and Kauravas, and the divine wisdom of the Bhagavad Gita as Lord Krishna guides Arjuna.

The Kurukshetra War	The Supreme Knowledge

The Divine Protector. The fierce half-man, half-lion incarnation of Lord Vishnu who descends to protect his greatest devotee, Prahlada, and slay the demon king Hiranyakashipu, proving that faith triumphs over fear.

Narasimha Appears	The Divine Form

The divine poetry of eternal love, bliss, and supreme consciousness. Dive into the beautiful leelas of Lord Krishna, from his enchanting childhood in Vrindavan to the eternal spiritual bond with Radha.

The Divine Flute	The Butter Thief

The project features extensive documentation. Explore the /docs folder for detailed guides:

• Project Analysis: Deep dive into the framework, architecture, tech dependencies, and component design of the Divine Epics platform.
• Integration Complete: Details on the integration of the four epics, their components, and routes.
• Image Guidance: Specs, prompts, and instructions for managing the high-quality assets.
• Troubleshooting: Debugging details for Large File Storage and server deployments.
• GitHub Details: Specifics on maintaining repository metadata for discoverability.

Built with ❤️ using the best modern web technologies:

• Framework: Next.js 14/16 (App Router)
• Styling: Tailwind CSS 4.x (Utility-first styling & Animations)
• Language: TypeScript (Strict Type Safety)
• UI & Animations: Framer Motion (Transitions) & shadcn/ui based components
• Icons: Lucide React
• Audio Generation & Multimedia: Contextual BGM handling, HTML5 Audio

• Node.js 18.x or later
• npm or yarn

git clone https://github.com/yourusername/story-telling-web.git
cd story-telling-web

npm install
# or
yarn install

npm run dev

Open http://localhost:3000 in your browser to experience the storytelling web app.
Switch between stories by navigating to /ramayan, /mahabharat, /narasimha, and /radha-krishna, or by selecting the respective story buttons on the landing page!

Contributions are warmly welcome! If you'd like to improve the translations, add more stories, enhance the UI, or expand the interactivity features:

1. Fork the repository
2. Create a new branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Dedicated to preserving our Cultural Heritage for modern generations. 🙏
Developed with ❤️ by Basudev and contributors.

"Dharmo Rakshati Rakshitah"
Righteousness Protects Those Who Protect It