https://github.com/farazf19/react-basics

https://github.com/farazf19/react-basics

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/farazf19/react-basics
• Owner: FarazF19
• Created: 2024-03-19T21:27:36.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-21T13:54:58.000Z (8 months ago)
• Last Synced: 2024-04-21T23:35:00.241Z (8 months ago)
• Language: JavaScript
• Size: 161 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#Background Changer App

This simple React app allows you to change the background color dynamically by selecting from a predefined list of colors.

#Description

The Background Changer App is built using React and utilizes the useState hook to manage the state of the background color. It provides a user interface with buttons representing different colors. When a user clicks on a color button, the background color of the app changes accordingly.

#How to Use

Clone this repository to your local machine.

Navigate to the project directory.

Run npm install to install the dependencies.

Start the development server by running npm start.

Open your web browser and go to http://localhost:3000 to view the application.

Click on any color button to change the background color dynamically.

Colors Available

Red

Green

Blue

Olive

Lavender

Gray

Purple

Yellow

Pink

White

Black

Aqua

Technologies Used

React

useState hook

Code Structure

App.js: The main React component responsible for rendering the application. It manages the state of the background color and provides a user interface for selecting colors.

#Author

[Muhammad Faraz]

#License

This project is licensed under the MIT License.