yashksaini / bhagavad-gita-app

A comprehensive Bhagvad Geeta app providing chapter summaries, verse details, and user progress tracking in both Hindi and English.

Bhagvad Geeta App

Table of Contents

• Introduction
• Demo
• About the Project
• Technologies Used
• Features
• Used For
• Improvements
• Problems Faced
• Links
• Getting Started

Introduction

A comprehensive Bhagvad Geeta app providing chapter summaries, verse details, and user progress tracking in both Hindi and English.

Demo

Demo.Video.Short.mp4

About the Project

The Bhagvad Geeta App is a meticulously crafted application aimed at delivering the profound teachings of the Bhagvad Geeta to users in an accessible and engaging manner. This application is designed with the following key features:

1. Home Screen: Provides a brief introduction to the application, highlighting its main functionalities and benefits.
2. Chapters Screen: Lists all the chapters of the Bhagvad Geeta with brief summaries, enabling users to get an overview of the content.
3. Chapter Page: Displays detailed summaries of each chapter along with all the verses. Each verse is accompanied by explanations from various renowned commentators in both Hindi and English.
4. Dual Language Support: The app is available in both Hindi and English, catering to a broader audience.
5. Verse Interaction: Users can click on verses to read detailed descriptions and commentaries. They can also mark verses as completed after reading.
6. Progress Tracking: The progress page allows users to track their reading progress. Completed chapters and verses are marked, and users can navigate directly to any verse from this page.
7. Responsive Design: The application is fully mobile-responsive, ensuring a seamless user experience across all devices.
8. User-Friendly UI: The app features an aesthetic design with an intuitive user interface, making it easy for users to navigate and engage with the content.

The project was developed using Angular for robust and scalable front-end architecture, HTML and Tailwind CSS for structuring and styling, TypeScript for interactive functionalities, and API integration for dynamic content delivery.

Technologies Used

• Angular
• HTML
• CSS
• TypeScript
• API
• Tailwind CSS

Features

1. Home screen with app introduction
2. Chapters screen with summaries
3. Detailed chapter pages with verse explanations
4. Support for Hindi and English languages
5. Verse completion tracking
6. Progress tracking page
7. Responsive design
8. User-friendly and aesthetic UI

Used For

• Reading and understanding the Bhagvad Geeta
• Tracking reading progress
• Accessing verse explanations in multiple languages
• Educational purposes
• Spiritual and personal growth

Improvements

1. Adding audio support for verses and explanations
2. Incorporating interactive quizzes for better engagement
3. Providing offline access to content
4. Enhancing the UI for better accessibility
5. Integrating a community forum for discussions and interpretations

Problems Faced

• Ensuring seamless dual-language support throughout the app
  • Implemented robust language toggle functionality and tested thoroughly for consistency.
• Managing dynamic content loading efficiently
  • Utilized efficient API integration and lazy loading techniques to ensure smooth performance.

Links

• Live Demo
• GitHub Repository

Getting Started

1. Clone the repository:

   git clone https://github.com/yashksaini/bhagavad-gita-app.git

2. Navigate to the project directory:

   cd bhagavad-gita-app

3. Install dependencies:

   npm install

4. Run the application:

   ng serve

5. Open your browser and navigate to http://localhost:4200.

Enjoy exploring the Bhagvad Geeta App!