Report: Employee Data Central Web Application

Introduction:
The Employee Data Central web application is designed to collect and store employee
information. It provides a user-friendly interface for employees to enter their
details, including their name, employee ID, email, role, experience, and tools. The
application also allows employees to upload their photo for identification
purposes. Once the employee submits the form, the data is stored in a MySQL
database.

HTML Structure and Styling:

The web application is built using HTML, CSS, and PHP. The HTML code defines the
structure of the web pages, including the form fields and layout. The CSS styles
are used to enhance the appearance of the application, with a gradient background,
responsive design for different screen sizes, and various formatting elements.

The application consists of two main pages:

1. Form Page (index.html):

- The form page displays the Employee Data Central header and a container for
the form.
- The form collects the following information from the employee:
- Name
- Employee ID
- Email ID
- Role
- Experience
- Tools
- Photo (upload field)
- The form also includes client-side JavaScript code to display the selected
file name and a confirmation dialog before submission.

2. Success Page (success.php):

- After the employee submits the form, the data is processed and stored in the
database using PHP.
- If the data is successfully stored, the success page is displayed.
- The success page includes the following elements:
- Confirmation message indicating the successful entry of employee details.
- A table displaying the entered data for reference.
- A success message indicating the successful storage of the photo.
- A footer section displaying copyright information.

PHP Backend:
The PHP code handles the submission of the form and the storage of employee data in
the MySQL database. The code performs the following tasks:

1. Establishing a Database Connection:

- The PHP script establishes a connection to the MySQL database server using the
provided credentials.

2. Form Submission Handling:

- Upon receiving a POST request from the form submission, the script retrieves
the entered data from the form fields.
- The script prepares an SQL query to insert the data into the "data" table in
the database.
- Session variables are used to store the entered data temporarily.

3. Success Page:
- If the SQL query executes successfully, the success page is displayed.
 - The success page retrieves the session variables containing the entered data
and displays it in a table format.
- A success message confirms the successful storage of the photo.
- If the page is refreshed, the session variables are cleared, and the user is
redirected to the form page.

Conclusion:
The Employee Data Central web application provides an intuitive interface for
employees to submit their information securely. It utilizes HTML, CSS, and PHP
technologies to collect, store, and display employee data. The application enhances
user experience with responsive design and validation logic, ensuring the accuracy
and integrity of the collected information.