{"id":22983423,"url":"https://github.com/mdashraful305/gradient-generator","last_synced_at":"2026-05-02T11:32:11.221Z","repository":{"id":159166478,"uuid":"634485774","full_name":"mdashraful305/Gradient-Generator","owner":"mdashraful305","description":"A simple web app that generates a gradient based on two user-selected colors.","archived":false,"fork":false,"pushed_at":"2023-04-30T09:31:46.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-08T01:33:26.409Z","etag":null,"topics":["bootstrap","css","gradient-generator","html","javascript"],"latest_commit_sha":null,"homepage":"https://mdashraful305.github.io/Gradient-Generator/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdashraful305.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-04-30T09:27:51.000Z","updated_at":"2023-05-01T14:05:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"c4d91eb3-3497-461b-acc6-8a401a58435d","html_url":"https://github.com/mdashraful305/Gradient-Generator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful305%2FGradient-Generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful305%2FGradient-Generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful305%2FGradient-Generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful305%2FGradient-Generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdashraful305","download_url":"https://codeload.github.com/mdashraful305/Gradient-Generator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246795589,"owners_count":20835236,"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":["bootstrap","css","gradient-generator","html","javascript"],"created_at":"2024-12-15T02:38:59.239Z","updated_at":"2026-05-02T11:32:11.191Z","avatar_url":"https://github.com/mdashraful305.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Gradient Generator\n\nA simple web app that generates a gradient based on two user-selected colors.\n\n## Demo\n\nYou can view a live demo of the project [here](https://mdashraful305.github.io/Gradient-Generator/).\n```bash\nhttps://mdashraful305.github.io/Gradient-Generator/\n```\n\n## Technologies Used\n\nThis project was built using the following technologies:\n\n- HTML\n- CSS (Bootstrap)\n- JavaScript (jQuery)\n\n## Features\n\n- Users can select two colors using a color picker input for each color\n- Upon form submission, the gradient is generated and displayed in a container\n- The hex color code for each selected color is also displayed next to its respective input\n\n## Installation\n\nTo install this project on your local machine, follow these steps:\n\n1. Clone this repository: `git clone https://github.com/mdashraful305/Gradient-Generator.git`\n2. Navigate to the project directory: `cd gradient-generator`\n3. Open the project in your preferred text editor\n4. Open `index.html` in your preferred web browser\n\n## Usage\n\nTo use this project:\n\n1. Select two colors using the color picker inputs\n2. Click the \"Generate Gradient\" button\n3. The gradient will be displayed in the container with the hex color codes for each selected color displayed next to its respective input\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdashraful305%2Fgradient-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdashraful305%2Fgradient-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdashraful305%2Fgradient-generator/lists"}