Event Registration Application
Welcome to the Event Registration Application documentation. This application provides a simple way for participants to register for an event. It showcases various web development features, including HTML, CSS, JavaScript, form field validation, GET and POST API calls, and more. Whether you're a beginner or an experienced developer, you'll find this documentation helpful in understanding and practicing various web development concepts.
Features
HTML Components
The application incorporates several HTML elements and attributes:
- Form elements: Participants need to fill in their full name, email, and phone number.
- Dropdowns: Users can select the number of adults and children attending the event.
- Lists and Paragraphs: Information about the event and registration details is presented using lists and paragraphs.
CSS Styling
The registration form is styled using CSS to provide an attractive and user-friendly interface. Styling includes text formatting, backgrounds, spacing, borders, and more.
JavaScript Functionality
JavaScript is used for various functionalities:
- Form Field Validation: The application validates user inputs for the registration form. All fields are required, ensuring that no vital information is missed.
- API Calls: The application communicates with external APIs for two main purposes:
- Fetching Total Registered Members: It retrieves the total number of registered members from an external API using a GET request. This data is displayed in real-time.
- Submitting Registration: The application submits the registration form to an API using a POST request. After successful submission, it provides a confirmation message to the user.
Responsive Design
The application is designed to be responsive, ensuring it looks and works well on various screen sizes, including mobile devices.
Usage
- Open
index.html in your web browser to access the registration form.
- Fill in your full name, email, phone number, and the number of adults and children attending.
- Click the "Submit" button to register for the event.
- A confirmation message will be displayed on successful registration.
Branches
To practice specific features or modifications, you can create a new branch in the project repository. Below are some branch ideas:
- html-form-validation: Implement and experiment with HTML form field validation.
- css-styling: Try different CSS styles and layouts to customize the look of the form.
- javascript-api-calls: Modify and test the GET and POST API calls in JavaScript.
Feel free to explore and create branches according to your learning goals.
Contributing
Contributions to this project are welcome. You can fork the repository, make changes, and create pull requests to improve the application. Whether you're fixing a bug, adding a feature, or improving documentation, your contributions are valuable.
Author