Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saaaaakibhai/vs

This project was developed for the CSE311 (Database Course) at North South University. The primary focus of this project was to learn how to integrate a website with MySQL using PHP, HTML, CSS, and JavaScript. The project showcases a beginner-level website that my teammates and I developed.
https://github.com/saaaaakibhai/vs

css html javascript mysql php

Last synced: 11 days ago
JSON representation

This project was developed for the CSE311 (Database Course) at North South University. The primary focus of this project was to learn how to integrate a website with MySQL using PHP, HTML, CSS, and JavaScript. The project showcases a beginner-level website that my teammates and I developed.

Awesome Lists containing this project

README

        

# NSU CSE311 Database Course Project

This project was developed for the CSE311 (Database Course) at North South University. The primary focus of this project was to learn how to integrate a website with MySQL using PHP, HTML, CSS, and JavaScript. The project showcases a beginner-level website that my teammates and I developed.

# Features
- **Home, About, Course, Enroll**: Four main pages with core functionalities.
- **Login/Register**: Users must create an account or log in to access course enrollment.
- **Admin Panel**: A CRUD (Create, Read, Update, Delete) operator was implemented for managing student information.

---

# Pages Overview

## Home Page
Explore available courses and navigate through various sections.
![Homept1](https://github.com/user-attachments/assets/e7348869-f6b6-4bcd-a7ba-3e6232b847f3)

![Homept2](https://github.com/user-attachments/assets/01d482a5-74dd-4c9c-8f26-48d2809eb7d3)

![Homept3](https://github.com/user-attachments/assets/2f6ca94f-0e05-409f-b380-2d0c5a89fb58)

### Navigation and footer included:

![Homept4](https://github.com/user-attachments/assets/4e0f88e7-5921-4326-acf8-babb8f665ecf)

![Footer](https://github.com/user-attachments/assets/47b5815a-3136-4558-844d-2e620f7755d4)

## About Us
Learn more about our team and the project.
![aboutuspt1](https://github.com/user-attachments/assets/8bfc186e-b0bb-4e80-86c4-650885ad3f85)

![aboutuspt2](https://github.com/user-attachments/assets/ac572a7c-da10-4bea-a241-6762ed51bfc6)

## Courses
Browse the list of available courses.
![Course](https://github.com/user-attachments/assets/4af2daad-feb0-4acb-8b06-e9408400d206)

## Enroll
Enroll new students by adding their information into MySQL.
![AddStudentInfo](https://github.com/user-attachments/assets/f28a2d11-96d4-4239-b861-baaf9c3056e9)

## Register
New users can create an account.
![RegisterStudent](https://github.com/user-attachments/assets/61f53d94-a07c-4089-b2ad-1e163861f1ef)

## Login
Returning users can log in to their accounts.
![LoginPage](https://github.com/user-attachments/assets/6ab373e8-4d8a-4cae-8608-a4c15bfdffd1)

---

## Admin Panel
The Admin Panel enables the management of students through CRUD operations.

- View students:
![ViewStudent](https://github.com/user-attachments/assets/cbfb27c3-1a7b-4539-ad14-bad5e4a88cbf)
- Add students:
![Added Student](https://github.com/user-attachments/assets/df2d923f-6fa2-4a6c-bd20-a3ffbb591be0)
- Edit student information:
![EditStudent](https://github.com/user-attachments/assets/e548c620-d487-47f9-8be7-9ee823693139)

---

## Technologies Used
- **Frontend**: HTML, CSS, JavaScript
- **Backend**: PHP
- **Database**: MySQL

This project provided valuable hands-on experience with connecting a website to a database using PHP and MySQL, and served as a practical introduction to web development.