LearnBaseball

LearnBaseball is an AI-powered app for new Baseball fans to learn rules, gameplay, history and take interactive quizzes with AI. With multilingual support, it's the ultimate guide from basics to pro!

Comment

Inspiration

Baseball is one of the most popular sports globally, yet billions of people have little to no understanding of how to play the game. Many new fans find it challenging to learn this amazing sport. LearnBaseball was created to help new fans learn baseball interactively with AI, from beginner to advanced levels, offering them a seamless and fun experience.

What it does

1. Interactive Rules of Baseball 📖

  • The homepage lists essential rules of baseball.
  • Users can learn the rules in an interactive manner.
  • Each rule has an AI support option powered by Google Cloud’s Gemini API, allowing users to:
    • Ask questions about the specific rule. 🤔
    • Get answers to general baseball-related queries. ⚾

2. AI Chat 💬

  • A dedicated chat page where users can:
    • Discuss anything about baseball with the AI baseball expert.
    • Get guidance tailored for beginners, making learning personalized and engaging. 👍

3. Learn Baseball History 📜

  • A dedicated History page to explore the origins and growth of baseball.
  • Users can ask AI about historical facts, milestones, and trivia to deepen their understanding.

4. Baseball Quiz ❓

  • Test your knowledge of baseball with our quiz feature:
    • AI asks baseball-related questions with four possible answers.
    • Users choose the correct answer, and AI evaluates their response.
    • The quiz session consists of 10 questions per round.
    • Features include:
    • Progress tracking: Users can see how many questions are left. 📈
    • Score tracking: Users can view the number of correct answers. 💯
    • High score display: Track the best quiz performance. 🏆
    • All quiz data is saved in local storage, ensuring persistence across sessions.

5. Multi-Language Support 🌐

  • The app supports the following languages:
    • English (default)
    • French
    • German
    • Spanish
    • Hindi
    • Arabic
    • Urdu
  • Users can select their preferred language, and the entire website content is translated dynamically.

6. MLB Baseball Videos 🎥

  • Users can watch the latest MLB baseball videos directly from MLB’s YouTube channel within the app.

How we built it

  • Frontend: React.js, Bootstrap (for styling and responsive design)
  • AI Integration: Google Cloud Gemini API
  • State Management: React Hooks
  • Localization: i18next
  • Storage: LocalStorage (for quiz data persistence)

Challenges we ran into

Billing Issues with Google Cloud:
Faced difficulties enabling certain features due to billing account restrictions, limiting the use of additional Google Cloud APIs.

Localization:
Ensuring accurate translations across all supported languages was complex, requiring rigorous testing to maintain contextual relevance.

UI/UX:
Creating a clean and intuitive interface while integrating diverse features like chat, quiz, and multi-language support was a balancing act.

Accomplishments that we're proud of

Successfully built an engaging and interactive platform for baseball fans. Seamlessly integrated AI to enhance user learning and interactivity. Implemented multi-language support, making the app accessible to a global audience. Delivered a polished and intuitive user interface despite tight deadlines. Enabled offline progress tracking through localStorage, ensuring data persistence for users.

What we learned

The power of AI in transforming traditional learning methods into engaging experiences. Strategies to handle localization challenges for multilingual applications. Advanced state management in React for dynamic and interactive features. The importance of debugging and user-centric design in creating smooth workflows. A deeper understanding of Google Gemini API capabilities and its integration with web platforms.

What's next for LearnBaseball

Enhanced AI Features:
Add video tutorials, voice assistance, and in-depth gameplay analysis using AI.

Community Engagement:
Introduce forums for users to connect, share experiences, and discuss baseball.

Mobile App:
Expand to mobile platforms (iOS and Android) for on-the-go accessibility.

Advanced Quizzes:
Develop tailored quizzes based on user progress and include competitive leaderboards.

Expanded Language Support:
Add more languages to cater to an even broader audience.

Google Cloud Integration:
Resolve billing issues to unlock advanced Google Cloud features like data analytics and real-time collaboration.

Share this project:

Updates