Project information : Web Application Academy Management System
This project is like a helpful tool for schools and learning centers. It makes things like managing classes, teachers, students, and money really simple. The goal of the project is to show how I can create a system that makes schools and learning places work better.
I developed this website for my client, a final year project (FYP) student named Ihtiram Ullah. They have granted me permission to publicly share it on GitHub and include it in my portfolio.
Key Features:
Browse Courses: On the homepage, you can see the latest courses being offered. You have the option to explore more details about each course and express your interest.
Course Details: By clicking on "Details," you can access comprehensive information about a specific course and express your intent to join.
Learn About Teachers: Clicking on a teacher's picture reveals essential information about them, giving you insights into your potential instructors.
Admin Access: Admins have a secure login to perform important tasks
Program Management: Admins can control study programs, adding, modifying, and removing them. They can also label programs as private, affecting related courses.
Course Control: Admins can view, add, update, and label courses as private or public.
Teacher Management: This page empowers admins to manage teachers, from adding and updating to removing them. Admins can also handle teachers' salaries and access their profiles.
Schedule Management: Admins can assign teachers to classes, set timings, and specify morning or evening shifts. The system ensures at time one teachers aren't double-booked.
Enrollment Review: Admins review user enrollment forms. If a user visits the academy and receives an assigned roll number, their enrollment is accepted. Otherwise, it's rejected.
Student Enrollment: Admins can access student details, track their course progress, manage fee payments, and keep an eye on payment history.
Salary Processing: Admins can access teacher salary details and payment history.
Project Languages Used: HTML, CSS, Bootstrap, jQuery, PHP, MySQLi PDO, AJAX
Setting Up Your Project
Ensure that both the project name is set to "academy" and the database name is also "academy" when following the steps below. Using any other name may result in issues on localhost. To change the project folder name, you need to update it in three specific places:
-
Change in custom.js file: There's a file named custom.js inside a folder called js. You need to find the line that looks like this:
window.location.origin+'/academy';. Instead of "academy," put the new name you want for your project folder. -
Change in custom.js file inside admin folder: Inside the admin folder, go to another folder called admin, then to js, and finally find custom.js. Search for
window.location.origin+'/academy';and replace "academy" with the new name you've chosen for your project folder. -
Change in HTML files: In all the HTML code, especially within the
<form>tags, look for the "action" attribute. Replace "academy" with the new name you want for your project folder.
Home Page:- On this page, we display our most recent course launches.
Course Enrollment Form :- When you click the Enroll button, you'll be directed to a course enrollment form. Fill out this form, and once you're done, submit it. The submitted form will be sent to the administrator.
Course Detail Modal :- Once you click the Detail button, all the information about the course will be displayed for you to see.
View All Teacher :- When you click on the teacher's profile picture, a Bootstrap modal will pop up, displaying the teacher's information.
View Teacher Information :- When you click on the teacher's profile picture, a Bootstrap modal will pop up, displaying the teacher's information.
View All Courses :- In this page, we present all launched courses. You can click to view more details about each course and also enroll in them.
Admin Login :- On this page, the administrator can log in using their email and password.
Program Page :- on this page, the admin can add, update, and delete programs. They can also mark programs as private, which makes all related courses private too
Course Page :- This page displays all courses, and the admin has the ability to add, delete, and update courses. They can also designate courses as private or public.
Teacher Page :- The admin can add, update, and delete teachers. They handle teacher salaries and access detailed teacher information.
Time Solte Page :- The admin schedules teachers for classes, setting timings and morning/evening shifts. Teachers can't be double-booked. Admin manages time slots by adding, updating, inserting, deleting, and viewing. Validation ensures accuracy
Enroll Student Page :- Admin views student details, ongoing courses, and can mark students as Complete or discontinuing. Admin handles student fee payments, checks remaining balances, and views payment history.
Pay Salery Page :- The admin can access all teacher salary information and review the complete salary history.
Complete & Discontinue Modal
Pay Fees Modal
Pay Salery Modal