https://github.com/ethern-myth/my-markup

This web application allows users to submit inquiries about camp activities.
https://github.com/ethern-myth/my-markup

css3 html5 javascript

Last synced: 19 days ago
JSON representation

This web application allows users to submit inquiries about camp activities.

• Host: GitHub
• URL: https://github.com/ethern-myth/my-markup
• Owner: Ethern-Myth
• License: mit
• Created: 2024-03-20T20:37:41.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-21T22:38:39.000Z (9 months ago)
• Last Synced: 2024-12-02T09:05:49.712Z (21 days ago)
• Topics: css3, html5, javascript
• Language: HTML
• Homepage: https://ethern-myth.github.io/my-markup/
• Size: 27.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Camp Activities Inquiry Web Application

This web application allows users to submit inquiries about camp activities. Users can select their preferred activities, provide information about any food allergies, and share additional details for camp counselors to know.

![Index](screenshots/index.png)  

![Thank You](screenshots/thankyou.png)  

## How to Use

1. **Fill out the Camp Activities Inquiry Form**

    - Open `index.html` in a web browser.

    - Fill out the form with your preferences for camp activities, any food allergies you have, and any additional information you want to share with the camp counselors.

    - Click the "Submit" button to submit the form.

2. **View Thank You Page**

    - After submitting the form, you will be redirected to the `thankyou.html` page.

    - The Thank You page will display the submitted information.

    - Link to redirect to the homepage.

### Files

- `index.html`: Contains the HTML markup for the Camp Activities Inquiry form.

- `thankyou.html`: Contains the HTML markup for the Thank You page.

### Technologies Used

- HTML5

- CSS3

- JavaScript

### How Data Submission Works

- When the form is submitted, JavaScript intercepts the submission and prevents the default form submission behavior.

- Form data is collected and stored in the browser's `localStorage` object.

- Users are then redirected to the Thank You page (`thankyou.html`), where the stored form data is retrieved from `localStorage` and displayed on the page.

- After retrieving the form data, it is removed from `localStorage` to ensure it is not stored longer than necessary.

## Creator

Designed by [Ethern Myth](https://github.com/Ethern-Myth)