https://github.com/aiaaee/color_generator_react

Creating Generator for Recognize Box Shadow Color In React With Bootstrap
https://github.com/aiaaee/color_generator_react

bootstrap generator javasccript javascript jsx jsx-renderer react react-hooks reactjs

Last synced: 3 months ago
JSON representation

Creating Generator for Recognize Box Shadow Color In React With Bootstrap

• Host: GitHub
• URL: https://github.com/aiaaee/color_generator_react
• Owner: aiaaee
• License: mit
• Created: 2024-08-10T14:42:55.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-13T19:53:30.000Z (4 months ago)
• Last Synced: 2024-09-25T03:04:05.331Z (3 months ago)
• Topics: bootstrap, generator, javasccript, javascript, jsx, jsx-renderer, react, react-hooks, reactjs
• Language: JavaScript
• Homepage:
• Size: 374 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Color Generator With React

In this project, I tried to create a color generator that can be easily used in CSS projects.

Using Bootstrap and JSX, we divide the project into two parts and move the project forward

![Color Generator1](https://github.com/user-attachments/assets/36afb623-6de4-4bda-97b2-8446e48830ce)

The only hook that was used in this project was the useState hook so that we can use it to get the Horizontal, Vertical, Blur, as well as Color and Spread values, and finally by placing them in the value space of each of our Inputs, it leads to A color generator was built so that we can use it to get the box-shadow values ​​of each of our elements.

Click [source](https://github.com/aiaaee/Color_Generator_React/tree/main/Generator/src) to see the project codes.