Training Management System (Front-End)

This project is a Training Management System for a company, where different users interact with the system according to their roles. The system is built with ReactJS for the front-end and ASP.NET for the back-end. It facilitates the management of training courses, tasks, and feedback between Admin, Trainers, and Trainees.

Table of Contents

• Project Overview
• Features
• Tech Stack
• Screenshots
• Installation
• Usage
• Contributing

Project Overview

This Training Management System provides an interface for three types of users:

1. Admin: Manages trainers, trainees, and trainings (CRUD operations).
2. Trainer: Adds courses for trainees, assigns tasks, and gives feedback on task submissions.
3. Trainee: Views courses and tasks, submits tasks, and edits them if needed.

The application also includes authentication features like login and logout for all users.

Features

Admin

• Manage (Create, Read, Update, Delete) Trainers.
• Manage Trainees.
• Manage Training programs.
• Login and Logout functionality.

admin.mp4

Trainer

• Add Courses for Trainees.
• Assign Tasks to Trainees.
• Provide Feedback on Task submissions.
• Login and Logout functionality.

Trainee

• View assigned Courses and Tasks.
• Submit and modify Task submissions.
• View feedback provided by Trainers.
• Login and Logout functionality.

Tech Stack

• Frontend: ReactJS, HTML, CSS, JavaScript
• Backend: ASP.NET Core Web API
• Database: SQL Server
• Styling: Bootstrap, fontAwesome and react-icons (for icons), sweet-alert2 for alerts
• Version Control: Github
• Package Management: npm

Screenshots

###Main Page

Login page

Admin Dashboard

1. 
2. 
3. 

Trainer Dashboard

Installation

1. Clone the Repository:

   git clone https://github.com/your-username/training-management-system.git
   cd training-management-system
   

2. Install dependencies:

   npm install
   

3. Run the app:

   npm start
   

Usage

Admin

• Access the admin dashboard to manage trainers, trainees, and training sessions.

Trainer

• Add courses and assign tasks to trainees.
• View and provide feedback on submitted tasks.

Trainee

• View assigned courses and tasks.
• Submit tasks and modify previous submissions based on feedback.

Contributing

If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new feature branch:

   git checkout -b feature-branch

3. Commit your changes

   git commit -m 'Add some feature'

4. Push to the branch

   git push origin feature-branch

5. open pull Requests

Proposal Document

You can view the proposal document

Market Ready Developer Training Program.pdf