A simple React application that generates random background colors with their HEX code and RGB values on click. This project is built using Vite for a faster development experience.
- Generates random HEX and RGB color codes
- Changes background color of the page on click
- Simple and intuitive user interface
Check out the live demo: Random Background Color Generator
- Clone the repository:
git clone https://github.com/David-patrick-chuks/Random-Background-Color-Generator.git
- Navigate to the project directory:
cd random-background-color-generator
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open
http://localhost:3000
in your browser to see the application.
- Click the "Generate Color" button to get a random background color.
- The HEX and RGB values will be displayed on the screen.
- The background color of the page will change to the generated color.
This project is licensed under the MIT License.
- Inspiration from various random color generator projects on GitHub.
- React + Vite Setup
- GeeksforGeeks Vite Setup Guide
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh