Skip to content

el-gear/studorama

ย 
ย 

Repository files navigation

Studorama ๐ŸŽ“

AI-Powered Study Sessions Platform

Transform your learning experience with Studorama, an intelligent study platform that generates personalized questions and provides AI-driven feedback to enhance your understanding of any subject.

Studorama Logo

โœจ Features

๐Ÿค– AI-Powered Question Generation

  • Multiple Choice Questions: Quick assessment with 4 options and detailed explanations
  • Dissertative Questions: Open-ended questions for deep analysis and critical thinking
  • Customizable AI Prompts: Tailor the AI's behavior to your learning style

๐Ÿ“Š Smart Session Management

  • Progress Tracking: Monitor your learning journey with detailed analytics
  • Session History: Review past sessions with comprehensive question-by-question breakdowns
  • Adaptive Scoring: Intelligent evaluation of both multiple choice and essay answers

๐ŸŽฏ Personalized Learning

  • Subject Flexibility: Study any topic from JavaScript to World History
  • Custom Prompts: Modify AI prompts to match your preferred learning approach
  • Intelligent Feedback: Get constructive, encouraging feedback on all answers

๐Ÿ”’ Privacy & Security

  • Local Storage: All data stays in your browser - complete privacy guaranteed
  • Secure API Integration: Your OpenAI API key is stored locally and never shared
  • No Account Required: Start studying immediately without registration

๐Ÿš€ Getting Started

Prerequisites

  • Modern web browser (Chrome, Firefox, Safari, Edge)
  • OpenAI API key (Get one here)

Quick Start

  1. Clone the repository

    git clone https://github.com/oluiscabral/studorama.git
    cd studorama
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Configure your API key

    • Open the application in your browser
    • Navigate to Settings
    • Enter your OpenAI API key
    • Select your preferred model
  5. Start studying!

    • Choose a subject
    • Select question type (Multiple Choice or Dissertative)
    • Begin your AI-powered study session

๐Ÿ› ๏ธ Technology Stack

  • Frontend: React 18 with TypeScript
  • Styling: Tailwind CSS
  • Icons: Lucide React
  • Routing: React Router DOM
  • AI Integration: OpenAI API
  • Build Tool: Vite
  • Storage: Browser Local Storage

๐Ÿ“ฑ Responsive Design

Studorama is fully responsive and works seamlessly across:

  • ๐Ÿ“ฑ Mobile devices
  • ๐Ÿ“ฑ Tablets
  • ๐Ÿ’ป Desktop computers
  • ๐Ÿ–ฅ๏ธ Large screens

๐ŸŽจ User Experience

Intuitive Interface

  • Clean, modern design inspired by leading educational platforms
  • Smooth animations and micro-interactions
  • Accessible color scheme with proper contrast ratios
  • Progressive disclosure to manage complexity

Smart Features

  • Auto-save: Sessions are automatically saved as you progress
  • Continue Sessions: Resume incomplete study sessions anytime
  • Detailed Analytics: Track your improvement over time
  • Export Ready: Session data can be easily exported for external analysis

๐Ÿ”ง Configuration Options

AI Models Supported

  • GPT-4o (Recommended)
  • GPT-4o Mini (Cost-effective)
  • GPT-4 Turbo
  • GPT-4
  • GPT-3.5 Turbo

Customizable Prompts

Modify how the AI generates and evaluates questions:

  • Multiple Choice Prompt: Customize question generation style
  • Dissertative Prompt: Tailor essay question complexity
  • Evaluation Prompt: Adjust feedback tone and criteria

๐Ÿ“ˆ SEO & Discoverability

Studorama is optimized for search engines with:

  • Comprehensive meta tags
  • Open Graph integration
  • Twitter Card support
  • Structured data markup
  • Semantic HTML structure

๐Ÿš€ Development & Deployment

Version Management

Studorama includes an automated versioning system that increments version numbers on deployment:

Manual Version Bumping

# Bump patch version (bug fixes)
npm run version:patch

# Bump minor version (new features)
npm run version:minor

# Bump major version (breaking changes)
npm run version:major

# Check current version
npm run version:info

Automated Deployment

# Deploy with patch version bump
npm run deploy

# Deploy with minor version bump
npm run deploy:minor

# Deploy with major version bump
npm run deploy:major

The deployment script automatically:

  • Runs pre-deployment checks
  • Bumps the version number
  • Updates all relevant files (package.json, .env, index.html, service worker)
  • Creates a git tag
  • Builds the application
  • Pushes changes to the repository

Version Files Updated

  • package.json - Main version field
  • .env - APP_VERSION environment variable
  • index.html - Structured data softwareVersion
  • public/sw.js - Service worker cache names
  • public/version.json - Build information

Build Process

# Development server
npm run dev

# Production build
npm run build

# Preview production build
npm run preview

# Lint code
npm run lint

๐Ÿค Contributing

We welcome contributions! Here's how you can help:

  1. Fork the repository
  2. Create a feature 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

Development Guidelines

  • Follow TypeScript best practices
  • Maintain responsive design principles
  • Write clear, descriptive commit messages
  • Test across multiple browsers
  • Ensure accessibility compliance
  • Use the automated versioning system for releases

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ‘จโ€๐Ÿ’ป Creator

oluiscabral

๐Ÿ™ Acknowledgments

  • OpenAI for providing the powerful GPT models
  • The React community for excellent documentation and tools
  • Tailwind CSS for the utility-first CSS framework
  • Lucide for the beautiful icon set

๐Ÿ”ฎ Roadmap

Upcoming Features

  • Study Groups: Collaborative learning sessions
  • Spaced Repetition: Intelligent review scheduling
  • Performance Analytics: Advanced progress tracking
  • Export Options: PDF and CSV export capabilities
  • Offline Mode: Study without internet connection
  • Mobile App: Native iOS and Android applications

Long-term Vision

  • Integration with popular learning management systems
  • AI-powered study plan generation
  • Gamification elements and achievements
  • Multi-language support
  • Voice-to-text answer input

๐Ÿ“ž Support

Having issues or questions? We're here to help!

๐ŸŒŸ Show Your Support

If Studorama helps you learn better, please consider:

  • โญ Starring the repository
  • ๐Ÿฆ Sharing on social media
  • ๐Ÿค Contributing to the project
  • ๐Ÿ“ Writing a review or blog post

Made with โค๏ธ by oluiscabral

Empowering learners worldwide with AI-driven education technology.

About

AI-powered study sessions to enhance your learning

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 88.3%
  • JavaScript 4.8%
  • CSS 3.9%
  • HTML 3.0%