{"id":22494874,"url":"https://github.com/code-beaker/js-color-flipper","last_synced_at":"2026-04-19T14:04:39.179Z","repository":{"id":237165809,"uuid":"793944641","full_name":"Code-Beaker/js-color-flipper","owner":"Code-Beaker","description":"A Simple Color Flipper App | HTML, CSS, Javacript","archived":false,"fork":false,"pushed_at":"2024-04-30T08:36:13.000Z","size":187,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T23:33:10.422Z","etag":null,"topics":["color-flipper","css","html","js"],"latest_commit_sha":null,"homepage":"https://js-color-flipper-rosy.vercel.app","language":"CSS","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/Code-Beaker.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":"2024-04-30T07:00:16.000Z","updated_at":"2024-04-30T08:36:17.000Z","dependencies_parsed_at":"2024-04-30T08:27:11.664Z","dependency_job_id":"6299b9eb-3e25-42fa-9335-1fa5f1de3f93","html_url":"https://github.com/Code-Beaker/js-color-flipper","commit_stats":null,"previous_names":["code-beaker/js-color-flipper"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fjs-color-flipper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fjs-color-flipper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fjs-color-flipper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fjs-color-flipper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Code-Beaker","download_url":"https://codeload.github.com/Code-Beaker/js-color-flipper/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245924518,"owners_count":20694730,"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":["color-flipper","css","html","js"],"created_at":"2024-12-06T19:18:20.765Z","updated_at":"2026-04-19T14:04:39.137Z","avatar_url":"https://github.com/Code-Beaker.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Simple Color Flipper App\n\nThis is basic color flipper app using HTML, CSS and Javascript. I made it with the help of [Tech With Tim](https://youtube.com/@TechWithTim) from **YouTube**.\n\n- [Simple Color Flipper App](#simple-color-flipper-app)\n  - [My experience](#my-experience)\n    - [What I found interesting](#what-i-found-interesting)\n  - [URLs](#urls)\n\n## My experience\n\nI'm a person who has always tried to learn Javascript and never got the spirit to continue learning because I thought the concepts were too complicated to me.\n\nThis time, I had a lot of fun building this one out. Since I'm a bit experienced with HTML and CSS, I have given the styling by myself.\n\n### What I found interesting\n\nI was surprised myself about how things could be done using Javascript.\n\n**Especially this block of code to generate a random color:**\n\nI never actually thought about using the `Math` function for this kind of purpose. This has tought me a lot!\n\n![Screenshot](./01/screenshot)\n\n## URLs\n\nLinks for you to visit and use the app!\n\n- [Vercel Deploy](https://js-color-flipper-rosy.vercel.app)\n- [GitHub repository](https://github.com/Code-Beaker/js-color-flipper)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-beaker%2Fjs-color-flipper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-beaker%2Fjs-color-flipper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-beaker%2Fjs-color-flipper/lists"}