react_background_game

🎨 Background Color Changer (React + Tailwind CSS)

A simple and fun web app built with React and Tailwind CSS that lets you change the background color of the page by clicking on beautifully styled buttons. Great for beginners learning React and modern styling with Tailwind.

🚀 Features

• 🎨 Instantly change the background color with a click
• 💅 Styled beautifully using Tailwind CSS
• 📱 Fully responsive layout
• 🌈 10 vibrant color options
• ⚛️ Built using React functional components and hooks

🛠️ Built With

• React
• Tailwind CSS
• JavaScript

📸 Demo

🧠 What I Learned

• React functional components and hooks (useState)
• Event handling in React
• Utility-first CSS styling with Tailwind
• Setting up Tailwind CSS in a React project

🚧 Future Improvements

• Add smooth transition animations between color changes
• Display the current background color name
• Add a "Random Color" feature
• Persist selected color with localStorage

📦 Getting Started

1. Clone the repository:

   git clone https://github.com/tusharpatel0504/react_background_game
   cd BgChanges
   npm install
   npm run dev