This is a simple background color changer app built using React and Vite. It allows users to change the background color of the app by selecting different color options.
To run this application locally, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/soubhagya2001/background-color-changer-react.git
-
Navigate to the project directory:
cd background-color-changer-react -
Install dependencies using npm or yarn:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to http://localhost:3000 to view the app.
Once the app is running, you can click on the color buttons to change the background color of the app. The available colors are Red, Green, Blue, Olive, Gray, and Yellow.
React: A JavaScript library for building user interfaces.
Vite: A fast development build tool for modern web applications.
Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
The project structure is organized as follows:
src: Contains the source code of the React components and styles.
App.js: Main component that renders the color picker buttons.
index.html: HTML entry point for the application.
README.md: Documentation for the project.
package.json: Configuration file for npm dependencies and scripts.