Background Generator is a simple React.js web app that generates the css rule for backgrounds whether it was plain colors or a gradient. User may select one of the options (normal, linear gradient or radial gradient) and then they would play with the colors to bring out the shades they want that are displayed in the preview section. User may click on 'Copy Rule' button to copy the CSS rule to clipboard. Finally, the application is responsive on all devices.
- Node.js (version 14 or higher)
- npm (version 6 or higher)
- React 18 is used
-
Clone the repository or download the source code.
-
Navigate to the project directory using your terminal.
cd random-quotes-app
- Install the required dependencies.
npm install
- Start the development server.
npm start
- Open your web browser and navigate to http://localhost:3000 to see the app in action.
This project is licensed under the MIT License.
Mariam Atef Hassan - September 2023