Dental clinic

Patient Management System Using HTML, CSS, Bootstrap, JavaScript, PHP and MySQL

# Patient Management System - Just Smile Dental Hospital

Patient Management System Using HTML, CSS, Bootstrap, JavaScript, PHP and MySQL


Demo video : https://www.loom.com/share/658cb331f0ff4e65a7ddabc5d443ab6d?sid=75d55dd8-bbe2-4b58-9d2f-4cdc2f453c3b



## Prerequisites

1. Install XAMPP web server

2. Any Editor (Preferably VS Code or Sublime Text)

3. Any web browser with latest version


## Languages and Technologies used

1. HTML5/CSS3

2. JavaScript (to create dynamically updating content)

3. Bootstrap (An HTML, CSS, and JS library)

4. XAMPP (A web server by Apache Friends)

5. Php

6. MySQL (An RDBMS that uses SQL)


## Steps to run the project in your machine

1. Download and install XAMPP in your machine

2. Clone or download the repository

3. Extract all the files and move it to the 'htdocs' folder of your XAMPP directory.

4. Start the Apache and Mysql in your XAMPP control panel.

5. Open your web browser and type 'localhost/phpmyadmin'

6. In phpmyadmin page, create a new database from the left panel and name it as 'contact_db'

7. Import the file inside your newly created database and click ok.

8. Open a new tab and type 'localhost/foldername' in the url of your browser

9. Hurray! That's it!


### SOFTWARES USED

 - XAMPP was installed and APACHE2 Server and MySQL were initialized. And, files were built inside opt/lampp/htdocs/foldername

 - Visual Studios Code was used as a text editor.

 - Google Chrome was used to run the project (localhost/foldername was used as the url).


## GETTING INTO THE PROJECT:


### Home Page

Patient Management System in php and mysql. This system has a ‘Home’ page from where the patient, doctor & administrator can login into their accounts by toggling the tabs accordingly. The ‘Home’ page of our project.


https://res.cloudinary.com/dmd5galka/image/upload/v1709446119/WhatsApp_Image_2024-03-03_at_11.06.48_AM_fnpoo9.jpg


### About Us Page

'About Us' page allows us to get some more information about the quality and the services of the hospital.


https://res.cloudinary.com/dmd5galka/image/upload/v1709446083/WhatsApp_Image_2024-03-03_at_11.06.48_AM_1_yqnjrj.jpg


### Services Page

'Services' page allows users to know about the services provided by the hospital.


https://res.cloudinary.com/dmd5galka/image/upload/v1709446099/WhatsApp_Image_2024-03-03_at_11.06.48_AM_2_msjclg.jpg


### Our Doctors Page

'Our Doctors' page provides us the details about the available doctors.


https://res.cloudinary.com/dmd5galka/image/upload/v1709446040/WhatsApp_Image_2024-03-03_at_11.06.48_AM_3_sylwgq.jpg


### Reviews Page

'Reviews' page gives the feedback of the patients.


https://res.cloudinary.com/dmd5galka/image/upload/v1709446014/WhatsApp_Image_2024-03-03_at_11.06.48_AM_4_js1ava.jpg


### Contact Us Page

‘Contact Us’ page allows users to provide feedback or queries about the services of the hospital. We can also make appointments through this.


https://res.cloudinary.com/dmd5galka/image/upload/v1709444564/WhatsApp_Image_2024-03-03_at_11.06.49_AM_1_xn2v8o.jpg


###Database

'XAMPP Server' is used for mysql with php.

https://res.cloudinary.com/dmd5galka/image/upload/v1709445866/WhatsApp_Image_2024-03-03_at_11.06.49_AM_yh8rsr.jpg

Meenakshi Pramod
Meenakshi Pramod
Meenakshi M Kumar
Aleena Bino

Project created by Meenakshi Pramod

3 March 2024