{"id":16977615,"url":"https://github.com/biantris/10-projects-1-hour","last_synced_at":"2026-05-21T07:06:05.397Z","repository":{"id":103597267,"uuid":"294984582","full_name":"biantris/10-PROJECTS-1-HOUR","owner":"biantris","description":"🚀 10-PROJECTS-1-HOUR","archived":false,"fork":false,"pushed_at":"2020-09-19T01:21:44.000Z","size":298,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T16:33:09.681Z","etag":null,"topics":["carousel","challenge","css","hamburger-button","javascript","popup","sounds"],"latest_commit_sha":null,"homepage":"","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/biantris.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":"2020-09-12T16:40:46.000Z","updated_at":"2023-07-01T21:23:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c31a6fd-95e3-422a-9ebd-c5b021cee61c","html_url":"https://github.com/biantris/10-PROJECTS-1-HOUR","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/biantris%2F10-PROJECTS-1-HOUR","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biantris%2F10-PROJECTS-1-HOUR/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biantris%2F10-PROJECTS-1-HOUR/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biantris%2F10-PROJECTS-1-HOUR/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/biantris","download_url":"https://codeload.github.com/biantris/10-PROJECTS-1-HOUR/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244875046,"owners_count":20524591,"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":["carousel","challenge","css","hamburger-button","javascript","popup","sounds"],"created_at":"2024-10-14T01:29:23.314Z","updated_at":"2026-05-21T07:06:00.353Z","avatar_url":"https://github.com/biantris.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"https://www.youtube.com/watch?v=8GPPJpiLqHk/\"\u003e\r\n    \u003cimg all=\"200\" src=\"https://github.com/BeatrizOliveira250/10-PROJECTS-1-HOUR/blob/master/Frame%201.png\" /\u003e\r\n  \u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n\u003ch1 align=\"center\"\u003e\u003c/h1\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\r\n### 10 projects to be make in 1 hour 🤓\r\n*Desafio desenvolvido por* [@florinpop17](https://github.com/florinpop17)\r\n*link para o vídeo* ⬇\r\n\r\nhttps://www.youtube.com/watch?v=8GPPJpiLqHk\r\n\r\n\r\n**1. Hamburger Button**🍔\r\n\r\n button + hamburger icon\r\n \r\n menu \u003e li \u003e a -\u003e hidden\r\n \r\n toggle on click\r\n \r\n animation\r\n\r\n**2. Toast Notification**⚠️\r\n\r\n toast container floating\r\n \r\n toast design\r\n \r\n button\r\n \r\n click show random toast message\r\n\r\n**3. Auto Write Text**📝\r\n\r\n text\r\n \r\n index\r\n \r\n show text based on index\r\n \r\n increment index\r\n\r\n**4. Popup / Modal**🗨️\r\n\r\n button\r\n \r\n click on button to activate popup\r\n \r\n popup container\r\n \r\n popup with text\r\n \r\n close btn popup with click event\r\n\r\n**5. Purple Heart Rain**💜\r\n\r\n heart css\r\n \r\n falling animation\r\n \r\n create heart\r\n \r\n add class\r\n \r\n add it to body\r\n \r\n interval\r\n\r\n**6. Background Changer**🌈\r\n\r\n button w/ click\r\n \r\n generate color\r\n \r\n change bg color on click\r\n\r\n**7. Dark mode toggle**💡\r\n\r\n text\r\n \r\n css for dark mode\r\n \r\n toggle\r\n \r\n toggle event\r\n\r\n**8. Carousel**🎠\r\n\r\n 3/4 images\r\n \r\n carousel container\r\n \r\n images container\r\n \r\n images with fixed width and height\r\n \r\n index\r\n \r\n automatic switch index and update container transform property\r\n\r\n**9. Sound Board**🔊\r\n\r\n sounds (HAVE THESE READY SIR)\r\n \r\n array with names\r\n \r\n loop over array\r\n \r\n create buttons w/ text\r\n \r\n play sound on click\r\n\r\n**10. Zoom effect**🔍\r\n\r\n image\r\n \r\n track mouse movement\r\n \r\n set transform origin on hover\r\n\r\n---\r\n\r\nMade with 💜 by Beatriz Oliveira :wave: [Get in touch!](https://www.linkedin.com/in/beatriiz-oliveiraa/)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiantris%2F10-projects-1-hour","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiantris%2F10-projects-1-hour","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiantris%2F10-projects-1-hour/lists"}