{"id":15021426,"url":"https://github.com/aiaaee/color_generator_react","last_synced_at":"2026-02-07T21:33:15.441Z","repository":{"id":252539883,"uuid":"840740689","full_name":"aiaaee/Color_Generator_React","owner":"aiaaee","description":"Creating Generator for Recognize Box Shadow Color In React With Bootstrap","archived":false,"fork":false,"pushed_at":"2024-09-13T19:53:30.000Z","size":383,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T02:06:55.251Z","etag":null,"topics":["bootstrap","generator","javasccript","javascript","jsx","jsx-renderer","react","react-hooks","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aiaaee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-10T14:42:55.000Z","updated_at":"2024-09-14T07:43:09.000Z","dependencies_parsed_at":"2024-09-14T10:37:32.912Z","dependency_job_id":null,"html_url":"https://github.com/aiaaee/Color_Generator_React","commit_stats":{"total_commits":17,"total_committers":2,"mean_commits":8.5,"dds":0.2941176470588235,"last_synced_commit":"1fd42d63fc08d583d6ad803cd3f37c15fd34fce9"},"previous_names":["aiaaee/color_generator_react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aiaaee/Color_Generator_React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiaaee%2FColor_Generator_React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiaaee%2FColor_Generator_React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiaaee%2FColor_Generator_React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiaaee%2FColor_Generator_React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aiaaee","download_url":"https://codeload.github.com/aiaaee/Color_Generator_React/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiaaee%2FColor_Generator_React/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269982825,"owners_count":24507466,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-11T02:00:10.019Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","generator","javasccript","javascript","jsx","jsx-renderer","react","react-hooks","reactjs"],"created_at":"2024-09-24T19:56:33.988Z","updated_at":"2026-02-07T21:33:10.422Z","avatar_url":"https://github.com/aiaaee.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Color Generator With React\nIn this project, I tried to create a color generator that can be easily used in CSS projects.\n\nUsing Bootstrap and JSX, we divide the project into two parts and move the project forward\n\n![Color Generator1](https://github.com/user-attachments/assets/36afb623-6de4-4bda-97b2-8446e48830ce)\n\nThe 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.\n\n\nClick [source](https://github.com/aiaaee/Color_Generator_React/tree/main/Generator/src) to see the project codes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faiaaee%2Fcolor_generator_react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faiaaee%2Fcolor_generator_react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faiaaee%2Fcolor_generator_react/lists"}