MentorHub

Your Gateway to Professional Interview Excellence

Connecting job seekers with experienced interview trainers for personalized mock interview sessions

• MentorHub
  • Table of Contents
  • Project Overview
  • Key Features
  • System Architecture
  • Design Patterns & SOLID Principles
  • Built With
  • Project Structure
  • User Roles
  • UI Prototypes
  • Development Team

MentorHub is a specialized web platform designed to bridge the gap between job seekers and experienced interview professionals. Our platform enables users to connect with qualified trainers across various industries, book personalized mock interview sessions, and receive professional coaching to enhance their interview performance through secure, flexible online interactions.

The project focuses on delivering a robust, scalable, and user-friendly experience while implementing modern software development practices including clean architecture, responsive design, and comprehensive testing strategies.

• Trainer Discovery: Browse and filter qualified interview trainers by industry and expertise
• Smart Booking System: Schedule mock interview sessions with real-time availability
• Session Management: Track upcoming interviews, reschedule, and access session history
• Personalized Coaching: Receive tailored feedback and improvement recommendations
• Progress Tracking: Monitor interview performance and skill development over time

• Professional Profile: Showcase expertise, experience, and specializations
• Availability Management: Set flexible schedules and manage booking slots
• Session Tools: Conduct interviews with integrated video/audio capabilities
• Feedback System: Provide detailed assessments and coaching notes
• Analytics Dashboard: Track session statistics

• Platform Management: Oversee trainer verification and user management
• Quality Control: Monitor session quality and user feedback
• Analytics & Reporting: Generate comprehensive platform usage reports
• Content Management: Manage resources, guidelines, and platform policies

MentorHub follows a Model-View-Controller (MVC) Architecture combined with RESTful API design principles for optimal separation of concerns and scalable communication:

Frontend (View Layer): React with TypeScript serves as the presentation layer, consuming RESTful API endpoints and rendering dynamic user interfaces through reusable components and intelligent state management.

• Backend (Controller & Service Layer):
  • Controllers: Handle HTTP requests and orchestrate business logic
  • Services: All business logic, data handling, and interactions with the database
  • DTOs: Standardized data structures for API requests/responses (e.g., Notification, Booking, Profile)
  • Settings: Configuration classes (JwtSettings, StripeSettings)
  • Validators: FluentValidation rules
  • Responses: Standardized API responses
  • Common: Shared utilities (e.g., PageResult)
• Domain Layer: Entities/Models representing database structure
• Infrastructure Layer: Database context, ChatHub, seed data, email sender
• Database Layer: SQL Server 2022 via Entity Framework Core 9.0.8

• Dependency Injection (DI): All services injected into controllers for loose coupling.
• Factory / Service Pattern: Services abstract the business logic, centralizing operations per entity type.
• Singleton: For services that maintain state like NotificationService or StripeService.

// Example: Dependency Inversion + Single Responsibility
public class BookingController : ControllerBase
{
    private readonly IBookingService _bookingService; // abstraction

    public BookingController(IBookingService bookingService)
    {
        _bookingService = bookingService;
    }

    [HttpPost]
    public IActionResult CreateBooking(CreateBookingDto dto)
    {
        _bookingService.CreateBooking(dto); // Controller delegates to service
        return Ok();
    }
}

This ensures maintainability, testability, and scalability across the project.

• React 19.1.1 - Modern UI library with hooks and context
• TypeScript 5.9.2 - Type-safe development experience
• TailwindCSS 4.1.12 - Utility-first CSS framework
• Vite 7.1.2 - Fast build tool and development server
• Framer Motion 12.23.12 - Smooth animations and transitions

• Material Tailwind 2.1.10 - Material Design components
• React Big Calendar 1.19.4 - Interactive calendar interface
• Recharts 3.2.0 - Beautiful data visualization
• Lucide React 0.542.0 - Modern icon library
• Typewriter Effect 2.22.0 - Dynamic text animations

• ASP.NET Core 9.0.0 – High-performance, cross-platform RESTful API framework
• Entity Framework Core 9.0.8 – ORM for SQL Server, migrations, CRUD operations
• SQL Server 2022 – Relational database engine
• SignalR 9.0.8 – Real-time communication (chat, notifications)
• ASP.NET Identity with JWT 9.0.8 – Authentication & role-based authorization
• FluentValidation 12.0.0 + FluentValidation.AspNetCore 11.3.1 – Model validation
• Stripe.NET 48.0.0 – Payment processing for bookings
• Microsoft.AspNetCore.Authentication.Google 9.0.9 – External login support
• Swashbuckle.AspNetCore 9.0.4 – Swagger documentation
• Email Service (SMTP) – Automated email notifications
• Manual DTO Mapping – We manually map between entities and DTOs instead of using AutoMapper

• Axios 1.12.2 - HTTP client for API communication
• React Router DOM 7.8.2 - Client-side routing

mentorhub/
├── frontend/
│   ├── src/
│   │   ├── components/          # Reusable UI components
│   │   │   ├── common/          # Shared components
│   │   │   ├── forms/           # Form components
│   │   │   └── layout/          # Layout components
│   │   ├── pages/               # Main application pages
│   │   │   ├── Home/            # Landing page
│   │   │   ├── Auth/            # Authentication pages
│   │   │   ├── Dashboard/       # User dashboards
│   │   │   ├── Trainers/        # Trainer-related pages
│   │   │   ├── Sessions/        # Interview session pages
│   │   │   └── Profile/         # User profile pages
│   │   ├── hooks/               # Custom React hooks
│   │   ├── services/            # API service layer
│   │   ├── utils/               # Utility functions
│   │   ├── types/               # TypeScript definitions
│   │   ├── context/             # React context providers
│   │   └── assets/              # Static assets
│   ├── public/                  # Public assets
│   └── package.json             # Frontend dependencies
backend/
├── APPLICATION/
│   ├── DTOs/                        # Data transfer objects
│   ├── Settings/                     # Configuration classes
│   ├── Validators/                   # FluentValidation rules
│   ├── Service/                      # Business logic layer
│   ├── Responses/                    # Standardized API responses
│   └── Common/                       # Shared utilities
├── Controllers/                      # API controllers
├── Domain/
│   └── Entities/                     # Database models
├── Exceptions/                       # Custom exceptions
├── Extensions/                       # DI, OAuth, JWT, Service setup
├── Infrastructure/                   # Context, Seed, ChatHub, EmailSender
├── Migrations/                       # EF Core migrations
├── Properties/                        # Project properties
├── wwwroot/                            # Static files
└── Program.cs                          # Application entry point
└── README.md

Our user interface is designed with modern UX principles, focusing on intuitive navigation and seamless user experience across all devices. we will add the slides show here and its link anf if the project was uploaddd to vercel we will add the link

Figure 1 - UI Prototypes and Mockups