https://github.com/ibrahimif/red-button

A random button thats placed as the start that will generate a random youtube video or image from a list (secrets are also included)
https://github.com/ibrahimif/red-button

random react-vite webgame

Last synced: 4 months ago
JSON representation

A random button thats placed as the start that will generate a random youtube video or image from a list (secrets are also included)

• Host: GitHub
• URL: https://github.com/ibrahimif/red-button
• Owner: IbrahimIF
• Created: 2023-06-04T16:17:23.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-21T15:48:44.000Z (10 months ago)
• Last Synced: 2025-06-16T04:33:19.969Z (7 months ago)
• Topics: random, react-vite, webgame
• Language: CSS
• Homepage: https://mystery-button.vercel.app
• Size: 3.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![image](https://github.com/user-attachments/assets/ab6d8ed8-2d56-4360-b2b5-881b2a195ff9)

![Project Status](https://img.shields.io/badge/status-completed-brightgreen)

![Static Badge](https://img.shields.io/badge/made_with-React_+_Vite-blue)

#### **Description:**

An Interactive website game inspired by the website [Bored Button](https://www.boredbutton.com/).

The aim for the user is to find and press all 10 red buttons to successfully finish the game.

This project also includes secrets.

-----

## Getting started:

To run this project locally, you'll need to have Node.js and npm installed on your computer. Once you have these installed, follow these steps:

**1. Clone the repository:**

```

> git clone 

```

**2. Navigate to the project directory using the command line.**

**3. Install dependencies:**

```

> npm install

```

**4. Start the Vite development server:**

```

> npm run dev

```

**5. Open your web browser and navigate to http://localhost:5173 (or the port shown in the terminal) to view the project.**

----

## Demo:

Below is the project link, currently live on Vercel:

[Red-Button](https://mystery-button.vercel.app/).

----

## Features:

This project includes:

- **Loading screen**: A complex loading screen design that lasts for around 3 seconds.

- **Start menu**: A basic start menu.

- **Red button**: A red button that takes you to another page of red buttons, some buttons may need to be pressed more then once.

- **Automated youtube videos**: Playable automatic youtube videos that are randomised.

- **Counter**: A counter to count how many buttons have been pressed.

- **Secrets** : hidden features of the project.

----

## Technologies and Tools Utilised:

[![My Skills](https://skillicons.dev/icons?i=react,js,html,css,vite,vercel,vscode&perline=2)](https://skillicons.dev)

---

## Acknowledgment:

- [Bored Button](https://www.boredbutton.com/)