{"id":21553270,"url":"https://github.com/alizayayesha/random-hex-color-code-generator","last_synced_at":"2025-04-30T09:48:30.654Z","repository":{"id":247641136,"uuid":"826433128","full_name":"AlizayAyesha/Random-Hex-Color-Code-Generator","owner":"AlizayAyesha","description":"https://alizayayesha.github.io/Random-Hex-Color-Code-Generator/","archived":false,"fork":false,"pushed_at":"2024-07-09T18:22:35.000Z","size":6,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-24T07:09:56.705Z","etag":null,"topics":["css","html","javascript","jquery","jquery-ui","js"],"latest_commit_sha":null,"homepage":"https://alizayayesha.github.io/Random-Hex-Color-Code-Generator/","language":"CSS","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/AlizayAyesha.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-07-09T17:42:16.000Z","updated_at":"2024-08-31T03:18:33.000Z","dependencies_parsed_at":"2024-07-09T22:20:45.987Z","dependency_job_id":"b0a638b7-c6cb-4db8-aeaa-aaec50329518","html_url":"https://github.com/AlizayAyesha/Random-Hex-Color-Code-Generator","commit_stats":null,"previous_names":["alizayayesha/random-hex-color-code-generator"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlizayAyesha%2FRandom-Hex-Color-Code-Generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlizayAyesha%2FRandom-Hex-Color-Code-Generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlizayAyesha%2FRandom-Hex-Color-Code-Generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlizayAyesha%2FRandom-Hex-Color-Code-Generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlizayAyesha","download_url":"https://codeload.github.com/AlizayAyesha/Random-Hex-Color-Code-Generator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235418850,"owners_count":18987135,"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","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":["css","html","javascript","jquery","jquery-ui","js"],"created_at":"2024-11-24T07:09:59.757Z","updated_at":"2025-01-24T10:08:10.935Z","avatar_url":"https://github.com/AlizayAyesha.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Random-Hex-Color-Code-Generator\n\nIts a jQuery-based web application that allows users to generate random hex color codes and copy them to the clipboard with a single click.\n\n## Table of Contents\n\n\n- [Usage](#usage)\n- [Contributing](#contributing)\n- [License](#license)\n- [Installation](#installation)\n\n  [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n## Usage\nGenerating and Displaying Random Colors\n\n\n### Clicking the \"Generate Color\" button \ngenerates a random hex color code.\u003cbr\u003e\nIt updates the input field with the generated color code and changes the text color and border color of the input field to match the generated color.\u003cbr\u003e\nIt also updates the background color of a preview box and a copy button to reflect the generated color.\u003cbr\u003e\nClicking the \"Copy Code\" button copies the generated color code to the clipboard.\u003cbr\u003e\nIt also displays a confirmation message with a slide effect for 2 seconds.\u003cbr\u003e\n\n## Contributing\nContributions are welcome! Here's how you can contribute:\n\n## Fork the repository\nCreate a new branch (git checkout -b feature)\nMake changes and commit (git commit -am 'Add feature')\nPush to the branch (git push origin feature)\nCreate a new Pull Request\n\n## results \n![image](https://github.com/AlizayAyesha/Random-Hex-Color-Code-Generator/assets/68489612/854e88cc-7382-47c9-a8f5-21b52c65f55a)\n\n\n## Installation\n\nTo use Project Name, include jQuery in your HTML file. You can use a CDN link to include jQuery:\n\n```html\n\u003cscript src=\"https://code.jquery.com/jquery-3.6.0.min.js\"\u003e\u003c/script\u003e ```\n\n\n\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falizayayesha%2Frandom-hex-color-code-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falizayayesha%2Frandom-hex-color-code-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falizayayesha%2Frandom-hex-color-code-generator/lists"}