Please check my portfolio to learn more about my experience, technical skills, and projects: https://www.twine.net/signin

TeachPortal Backend API is a secure and scalable RESTful API built using ASP.NET Core 8 and Entity Framework Core for managing teachers, students, authentication, and teacher overview data. The application follows a layered architecture with separate projects for controllers, business logic, data access, and shared models/interfaces, ensuring maintainability, clean separation of concerns, and testability.

The API provides secure JWT-based authentication with BCrypt password hashing for teacher registration and login. During login, signed JWT tokens are generated with configurable expiry settings, enabling secure access to protected endpoints. The API implements role-based access control, ensuring teachers can only access their own student records, while admin users can access broader data where authorised.

TeachPortal supports complete student management functionality, allowing authenticated teachers to create, retrieve, and manage students through secure REST endpoints. It also includes teacher overview functionality that aggregates teacher and student information for reporting and monitoring purposes. The API uses proper HTTP status codes such as 201 Created, 401 Unauthorized, and 409 Conflict to provide consistent and standards-based responses.

The solution uses Entity Framework Core 9 with SQL Server for database management. Relationships, indexes, and cascade delete behaviours are configured explicitly using the Fluent API within AppDbContext. Service methods follow a generic Result<T> response pattern containing Success, Message, Data, and StatusCode fields, simplifying controller logic and standardising API responses across the application.

Swagger/OpenAPI documentation is integrated into the application, providing interactive API testing and documentation during development, including Bearer token support for authenticated requests. The project also incorporates secure coding practices, dependency injection, middleware-based architecture, and scalable service design patterns suitable for enterprise-grade applications.

Key Features:
• JWT authentication and secure login/signup
• BCrypt password hashing
• Role-based access control
• Teacher and student management
• Aggregated teacher overview reporting
• RESTful API design with proper HTTP responses
• Swagger/OpenAPI documentation
• Entity Framework Core with SQL Server
• Layered architecture with separation of concerns
• Secure and scalable backend design

Tech Stack:
• ASP.NET Core 8
• Entity Framework Core 9
• SQL Server
• JWT Bearer Authentication
• BCrypt.Net
• Swagger / Swashbuckle
• REST APIs

Endpoints: https://www.twine.net/signin
GitHub Repository: https://www.twine.net/signin

TeachPortal Frontend is a modern, responsive single-page application built with React 19 for teachers to securely manage students and view teacher information through an intuitive web interface. The application integrates with a .NET 8 REST API and implements JWT-based authentication with client-side token validation, secure route protection, and automatic session handling using Axios interceptors.

The platform provides a complete teacher and student management experience, including teacher registration and login, adding new students, searching students by name or email, sorting and paginating student records, and viewing teacher overview data with associated students. The application uses a mobile-first responsive design with a sticky navigation bar, animated hamburger menu, and adaptive layouts that work seamlessly across desktop, tablet, and mobile devices down to 320px width.

The frontend architecture is organised into reusable components, feature-based pages, shared services, and validation utilities to ensure maintainability and scalability. React Router v7 is used for navigation and protected routes, while Axios handles API communication with request and response interceptors for attaching Bearer tokens and redirecting unauthenticated users automatically. Authentication tokens are stored in localStorage and parsed client-side to validate expiry before rendering protected content.

The project follows clean separation of concerns with reusable validation logic, modular services, and responsive UI components. Styling is implemented using plain CSS and CSS custom properties for consistent theming and lightweight performance without external UI frameworks.

Key features include:
• Secure JWT authentication and authorisation
• Responsive mobile-first UI design
• Student management with search, sorting, and pagination
• Teacher overview dashboard with side-by-side student panel
• Protected routes with automatic session expiry handling
• Axios interceptors for secure API communication
• Reusable validation and component architecture

Tech Stack:
• React 19
• React Router v7
• Axios
• JWT Authentication
• Plain CSS
• REST API integration with ASP.NET Core 8 backend

Live Demo: https://www.twine.net/signin
GitHub Repository: https://www.twine.net/signin