Skip to content

✒️ This repository features a beautifully designed form capable of generating interesting quotes and stories based on user inputs. It combines aesthetic appeal with interactive storytelling, providing a unique platform for users to explore creativity and inspiration.

License

Notifications You must be signed in to change notification settings

hoangsonww/Beautiful-Form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Form a Story App

Overview

"Form a Story" is an interactive web application that allows users to input their ideas through a form and generate a custom story based on their inputs. This application utilizes HTML forms to capture user input on various elements such as animals, adjectives, numbers, and more, which are then creatively incorporated into a pre-defined story template.

Features

  • User-friendly form interface to input story elements.
  • Customizable story outcomes based on user input.
  • Supports various input types including text, number, radio buttons, and dropdown lists.
  • Use of HTML5 validation to ensure all required fields are filled.
  • Motivational quotes and meaningful messages to enrich the user experience.

Prerequisites

  • A modern web browser capable of rendering HTML5 and CSS3.

Setup and Installation

No installation is required. Follow these steps to get started with "Form a Story":

  1. Clone or download this repository to your local machine.
  2. Locate the downloaded folder and open the HTML file named index.html (assuming the entry point of the app is index.html, as the provided code snippet does not specify).
  3. Open index.html with your preferred web browser to start using the application.

How to Use

  1. Fill the Form: Complete each field in the form according to the prompts. Each field is designed to capture a unique element of the story you're about to create.
  2. Choose Wisely: For fields with options, such as the "Relative speed" dropdown or the "Yes or No" radio buttons, your choices will significantly impact the direction or outcome of your story.
  3. Submit Your Story: Once you've filled all required fields, click on the "Form My Story!" button at the bottom of the form.
  4. Read Your Story: Upon submission, your inputs are compiled to form a unique story. Navigate to the story display page (assumed story.html as per your form's action attribute) to enjoy your creation.

Customization

To customize the story template or add more input fields:

  1. Edit the story.html file to modify the story template.
  2. Add or remove input fields in the index.html file to adjust the details that can be customized by the user.
  3. Ensure to update the CSS file style.css for any layout or styling adjustments.

Contributing

We welcome contributions to improve the "Form a Story" app, whether it's adding new features, enhancing the story template, or improving the design. Please fork the repository, make your changes, and submit a pull request with a detailed description of your updates.

About

✒️ This repository features a beautifully designed form capable of generating interesting quotes and stories based on user inputs. It combines aesthetic appeal with interactive storytelling, providing a unique platform for users to explore creativity and inspiration.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published