https://github.com/0vergrown/interactive-coin-flip

Interactive Coin Flip is a web-based application that offers a fun and visually appealing simulation of a coin toss. It combines HTML, CSS, and JavaScript to create a dynamic experience where users can 'flip' a coin and receive a random outcome of either heads or tails.
https://github.com/0vergrown/interactive-coin-flip

app application coin coinflip css flip game html html-css-javascript javascript mobile-friendly online responsive web website

Last synced: 11 days ago
JSON representation

Interactive Coin Flip is a web-based application that offers a fun and visually appealing simulation of a coin toss. It combines HTML, CSS, and JavaScript to create a dynamic experience where users can 'flip' a coin and receive a random outcome of either heads or tails.

• Host: GitHub
• URL: https://github.com/0vergrown/interactive-coin-flip
• Owner: 0vergrown
• Created: 2024-01-24T21:32:40.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-06-19T20:12:53.000Z (7 months ago)
• Last Synced: 2024-11-07T12:14:45.883Z (2 months ago)
• Topics: app, application, coin, coinflip, css, flip, game, html, html-css-javascript, javascript, mobile-friendly, online, responsive, web, website
• Language: CSS
• Homepage: https://0vergrown.github.io/Interactive-Coin-Flip/
• Size: 6.84 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Interactive Coin Flip

Interactive Coin Flip is a web-based application that simulates a coin toss. It's a simple yet engaging project that combines HTML, CSS, and JavaScript to create a visually appealing and interactive coin-flipping experience.

## Features

- **Coin Toss Simulation**: Simulates the flipping of a coin with a 50/50 chance of landing on either heads or tails.

- **Animation**: Includes a CSS-based animation that visually represents the coin flipping.

- **Interactive Button**: A button to initiate the coin flip, designed with a modern and responsive UI.

- **Dynamic Text**: Displays "Flipping..." with an animated ellipsis during the coin flip and shows the result (Heads/Tails) after the flip.

## How to Use

1. **Clone the Repository**:

```

git clone https://github.com/0vergrown/Interactive-Coin-Flip.git

```

2. **Navigate to the Project Directory**:

```

cd Interactive-Coin-Flip

```

3. **Open `index.html` in a Web Browser**.

## Technologies Used

- **HTML**: Structures the web page and the elements in the coin flip simulation.

- **CSS**: Styles the elements and creates the flip animation.

- **JavaScript**: Powers the coin flip logic and user interactions.

## Contributing

Contributions to improve Interactive Coin Flip are welcome. Feel free to fork the repository and submit pull requests.