https://github.com/bope142/react-interactive-menu-item

https://github.com/bope142/react-interactive-menu-item

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/bope142/react-interactive-menu-item
• Owner: Bope142
• Created: 2024-06-21T00:30:24.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-23T20:46:03.000Z (6 months ago)
• Last Synced: 2024-06-23T21:44:31.484Z (6 months ago)
• Language: CSS
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Interactive Media Overlay

This project is a React application that provides an interactive experience with media overlays. The app displays different profiles as images or a video based on the user's selection from a menu.

![Tabbar UI Preview](./cover.png)

## Inspiration

This project was inspired by the work of the agency featured on Awwwards, specifically the [Wandergates](https://www.awwwards.com/sites/wandergates) site. I recreated a section in CSS to achieve a similar visual style and interactivity.

## Features

- **Interactive Menu**: Select different profiles from the menu.

- **Media Overlay**: Display images or a video in an overlay based on the selected profile.

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Bope142/react-interactive-menu-item.git

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Start the development server:

   ```bash

   npm run dev

   ```

## Author

Norbert Yemuang 🚀