Skip to content

This repository contains my project ExamGenie AI, an AI-powered assessment platform built with React & TypeScript. It features GPT-driven question generation, instant scoring, performance analytics, and gamified learning. The app is responsive, mobile-optimized, and secure with Google OAuth, built using Vite, Tailwind CSS, shadcn/ui, and Recharts.

Notifications You must be signed in to change notification settings

Vasu10134/Examgenie-ai

Repository files navigation

๐Ÿง  ExamGenie AI

ExamGenie AI Logo

The Ultimate AI-Powered Assessment Platform for Smart Learning

Netlify Status React TypeScript Vite Tailwind CSS

๐Ÿš€ Live Demo โ€ข ๐Ÿ“– Documentation โ€ข ๐Ÿค Contributing โ€ข ๐Ÿ“„ License


โœจ Overview

ExamGenie AI is a cutting-edge, AI-powered assessment platform that revolutionizes how students and professionals prepare for competitive exams. With advanced GPT models generating contextual questions, instant feedback, and comprehensive analytics, it's the ultimate tool for smart learning and exam preparation.

๐ŸŽฏ Key Highlights

  • ๐Ÿค– AI-Generated Questions: Advanced GPT models create unique, contextual questions
  • โšก Instant Results: Get immediate scoring and detailed explanations
  • ๐Ÿ“Š Advanced Analytics: Track progress with detailed performance insights
  • ๐Ÿ”’ Secure & Reliable: Enterprise-grade security for your data
  • ๐Ÿ“ฑ Mobile Optimized: Seamless experience across all devices
  • ๐ŸŽฎ Gamified Learning: Achievement badges and progress rewards

๐Ÿš€ Features

๐Ÿง  AI-Powered Question Generation

  • Advanced GPT models create unique, contextual questions tailored to your learning needs
  • 95% accuracy rate with 2M+ questions generated
  • Adaptive difficulty based on performance patterns

โšก Instant Results & Feedback

  • Immediate scoring and detailed explanations for every answer
  • Real-time performance tracking
  • Adaptive time management algorithms

๐Ÿ“Š Advanced Analytics

  • Detailed performance insights and topic-wise breakdowns
  • Progress tracking with visual charts
  • Export and share results with educators or employers

๐ŸŽฎ Gamified Learning Experience

  • Achievement badges and leaderboards
  • Progress rewards to keep you motivated
  • Collaborative platform for study groups

๐Ÿ”’ Enterprise-Grade Security

  • Secure data handling and test results protection
  • Multi-user management for institutions
  • Custom branding and white-label solutions

๐Ÿ—๏ธ Tech Stack

Frontend

  • React 18.3.1 - Modern UI library
  • TypeScript 5.5.3 - Type-safe development
  • Vite 7.1.4 - Lightning-fast build tool
  • Tailwind CSS 3.4.11 - Utility-first styling
  • shadcn/ui - Beautiful, accessible components

State Management & Routing

  • React Router DOM 6.26.2 - Client-side routing
  • TanStack Query 5.56.2 - Server state management
  • React Hook Form 7.53.0 - Form handling

UI Components

  • Radix UI - Headless UI primitives
  • Lucide React - Beautiful icons
  • Sonner - Toast notifications
  • Recharts - Data visualization

Authentication

  • Google OAuth - Social authentication
  • React OAuth Google - OAuth integration

๐Ÿ“ฑ Supported Exam Categories

Our platform covers 50+ exam categories including:

  • ๐Ÿ›๏ธ Civil Services - UPSC, State PSCs
  • ๐Ÿ”ฌ Engineering Entrance - JEE Main, JEE Advanced, BITSAT
  • ๐Ÿฅ Medical Entrance - NEET, AIIMS, JIPMER
  • ๐ŸŽ“ Management Entrance - CAT, XAT, SNAP, MAT
  • โš–๏ธ Law Entrance - CLAT, AILET, LSAT
  • ๐Ÿฆ Banking & Finance - IBPS, SBI PO, RBI Grade B
  • ๐Ÿ›ก๏ธ Defense Services - NDA, CDS, AFCAT
  • ๐Ÿ‘จโ€๐Ÿซ Teaching Eligibility - CTET, UGC NET
  • ๐Ÿš‚ Railways - RRB NTPC, RRB JE
  • ๐Ÿ† Scholarship & Olympiads - NTSE, KVPY, SOF

And many more...


๐Ÿš€ Quick Start

Prerequisites

  • Node.js 18.0 or later
  • npm 9.0 or later
  • Git for version control

Installation

  1. Clone the repository

    git clone https://github.com/your-username/examgenie-ai.git
    cd examgenie-ai
  2. Install dependencies

    npm install
  3. Start development server

    npm run dev
  4. Open your browser Navigate to http://localhost:8080

Available Scripts

# Development
npm run dev          # Start dev server on port 8080
npm run dev:8081     # Start dev server on port 8081

# Building
npm run build        # Build for production
npm run build:dev    # Build in development mode

# Linting
npm run lint         # Run ESLint

# Preview
npm run preview      # Preview production build

๐ŸŒ Deployment

Netlify (Recommended)

  1. Connect your repository to Netlify
  2. Configure build settings:
    • Build command: npm run build
    • Publish directory: dist
    • Node version: 18
  3. Deploy - Netlify will automatically build and deploy

Manual Deployment

# Build the project
npm run build

# Deploy the dist folder to your hosting provider

For detailed deployment instructions, see NETLIFY_DEPLOYMENT.md.


๐Ÿ“ Project Structure

examgenie-ai/
โ”œโ”€โ”€ public/                 # Static assets
โ”‚   โ”œโ”€โ”€ _redirects         # Netlify SPA routing
โ”‚   โ””โ”€โ”€ favicon.ico
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/        # Reusable components
โ”‚   โ”‚   โ”œโ”€โ”€ ui/           # shadcn/ui components
โ”‚   โ”‚   โ”œโ”€โ”€ Home.tsx      # Landing page hero
โ”‚   โ”‚   โ”œโ”€โ”€ Features.tsx  # Features section
โ”‚   โ”‚   โ””โ”€โ”€ ...
โ”‚   โ”œโ”€โ”€ pages/            # Page components
โ”‚   โ”‚   โ”œโ”€โ”€ Index.tsx     # Home page
โ”‚   โ”‚   โ”œโ”€โ”€ Dashboard.tsx # User dashboard
โ”‚   โ”‚   โ”œโ”€โ”€ TestInterface.tsx # Exam interface
โ”‚   โ”‚   โ””โ”€โ”€ ...
โ”‚   โ”œโ”€โ”€ data/             # Static data
โ”‚   โ”‚   โ”œโ”€โ”€ categories.ts # Exam categories
โ”‚   โ”‚   โ”œโ”€โ”€ examsInfo.ts  # Exam information
โ”‚   โ”‚   โ””โ”€โ”€ ...
โ”‚   โ”œโ”€โ”€ hooks/            # Custom React hooks
โ”‚   โ”œโ”€โ”€ lib/              # Utility functions
โ”‚   โ””โ”€โ”€ utils/            # API utilities
โ”œโ”€โ”€ netlify.toml          # Netlify configuration
โ”œโ”€โ”€ vite.config.ts        # Vite configuration
โ””โ”€โ”€ package.json

๐ŸŽจ UI Components

Built with shadcn/ui and Radix UI for accessibility and customization:

  • Cards - Information display
  • Buttons - Interactive elements
  • Forms - Input handling
  • Charts - Data visualization
  • Modals - Overlay dialogs
  • Navigation - Menu systems
  • Tables - Data presentation

๐Ÿ”ง Configuration

Environment Variables

Create a .env.local file:

# Google OAuth
VITE_GOOGLE_CLIENT_ID=your_google_client_id

# API Configuration
VITE_API_BASE_URL=your_api_base_url

# Feature Flags
VITE_ENABLE_ANALYTICS=true
VITE_ENABLE_DARK_MODE=true

Vite Configuration

The project uses Vite with optimized settings for production:

// vite.config.ts
export default defineConfig({
  base: "/",
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

๐Ÿ“Š Performance

  • โšก Lightning Fast: Vite-powered development and building
  • ๐Ÿ“ฑ Mobile First: Responsive design for all devices
  • ๐ŸŽฏ Optimized Bundle: Code splitting and lazy loading
  • ๐Ÿ”„ Hot Reload: Instant development feedback

Bundle Analysis

# Analyze bundle size
npm run build
# Check dist folder for optimized assets

๐Ÿค Contributing

We welcome contributions! Please see our Contributing Guidelines for details.

Development Workflow

  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

Code Style

  • ESLint for code linting
  • Prettier for code formatting
  • TypeScript for type safety
  • Conventional Commits for commit messages

๐Ÿ“„ License

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


๐Ÿ™ Acknowledgments

  • shadcn/ui for beautiful, accessible components
  • Radix UI for headless UI primitives
  • Vite for the amazing build tool
  • React team for the incredible framework
  • Tailwind CSS for utility-first styling

๐Ÿ“ž Support


Made with โค๏ธ by the ExamGenie AI Team

โญ Star this repo โ€ข ๐Ÿฆ Follow us on Twitter โ€ข ๐Ÿ“บ Subscribe on YouTube

About

This repository contains my project ExamGenie AI, an AI-powered assessment platform built with React & TypeScript. It features GPT-driven question generation, instant scoring, performance analytics, and gamified learning. The app is responsive, mobile-optimized, and secure with Google OAuth, built using Vite, Tailwind CSS, shadcn/ui, and Recharts.

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •  

Languages