This project provides a simple and user-friendly web application for managing flights. The project is built using HTML, CSS (TailwindCSS), and JavaScript.
- Add, Edit, and Delete Flights: Users can add new flights, edit existing ones, and delete flights.
- Dynamic Table: Flight information is dynamically updated in the table using JavaScript.
- SVG Icons and Buttons: The user interface is designed with SVG icons and buttons for a modern and accessible look.
- HTML: Provides the structure of the webpage.
- CSS (TailwindCSS): Used for styling and layout. TailwindCSS allows for fast and responsive design.
- JavaScript: Manages dynamic content and interactions.
-
Download the Project Files: Clone or download the project files to your local machine.
-
Open the Files: To run the project, you only need to open the HTML files. The project includes the following files:
index.html
: The main application page.
-
Open HTML Files in a Browser: Open the
index.html
file in a web browser to view the application. The JavaScript and CSS files will be automatically loaded.
This HTML file provides the basic structure of the application. It includes the flight management table, form, and other UI components. Buttons and icons are implemented using SVG format.
This file handles dynamic functionality and interactions:
renderFlights()
: Renders flights in the table.showFlightForm(flight)
: Displays the form for adding or editing a flight.handleAddFlight(flight)
: Adds a new flight.handleEditFlight(flight)
: Edits an existing flight.handleDeleteFlight(id)
: Deletes a flight.
SVG icons are used to ensure a modern and accessible interface. They are employed in buttons and interactive areas throughout the application.
- Vüsal - Project owner and main contributor.
This project is licensed under the MIT License.