{"id":22731629,"url":"https://github.com/fahimfba/mini-projects-in-html-css-and-javascript","last_synced_at":"2025-04-14T00:43:33.185Z","repository":{"id":38240923,"uuid":"335723066","full_name":"FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript","owner":"FahimFBA","description":"contains some mini web projects which were made by using pure HTML, CSS \u0026 JavaScript - Learnt from Brad Traversy","archived":false,"fork":false,"pushed_at":"2022-06-08T18:03:34.000Z","size":38272,"stargazers_count":24,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T14:54:59.224Z","etag":null,"topics":["css","css3","html","html-css","html5","javascript","js","projects","website","website-design","website-development","website-template","websites","websites-programming","youtube"],"latest_commit_sha":null,"homepage":"https://fahimfba.github.io/Mini-Projects-in-HTML-CSS-and-Javascript/","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/FahimFBA.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}},"created_at":"2021-02-03T18:49:35.000Z","updated_at":"2024-12-14T19:38:47.000Z","dependencies_parsed_at":"2022-08-24T06:10:58.945Z","dependency_job_id":null,"html_url":"https://github.com/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript","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/FahimFBA%2FMini-Projects-in-HTML-CSS-and-Javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FahimFBA%2FMini-Projects-in-HTML-CSS-and-Javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FahimFBA%2FMini-Projects-in-HTML-CSS-and-Javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FahimFBA%2FMini-Projects-in-HTML-CSS-and-Javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FahimFBA","download_url":"https://codeload.github.com/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248804721,"owners_count":21164127,"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","css3","html","html-css","html5","javascript","js","projects","website","website-design","website-development","website-template","websites","websites-programming","youtube"],"created_at":"2024-12-10T19:29:31.443Z","updated_at":"2025-04-14T00:43:33.150Z","avatar_url":"https://github.com/FahimFBA.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mini Projects in HTML, CSS and Javascript\n\n\u003cbr\u003e\n\n[![Tweet a thanks](https://img.shields.io/twitter/url?label=Tweet%20this%21\u0026style=social\u0026url=https%3A%2F%2Ftwitter.com%2FFahim_FBA)](https://twitter.com/intent/tweet?text=Wow!\u0026url=https://github.com/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript)\n[![Follow on Twitter](https://img.shields.io/twitter/follow/Fahim_FBA?style=social)](https://twitter.com/Fahim_FBA)\n\n![Language](https://img.shields.io/github/languages/count/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?style=for-the-badge)\n![Top Language](https://img.shields.io/github/languages/top/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?style=for-the-badge)\n![Code Size](https://img.shields.io/github/languages/code-size/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=red\u0026style=for-the-badge)\n![GitHub Repo Size](https://img.shields.io/github/repo-size/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=bright\u0026style=for-the-badge)\n![Lines of Code](https://img.shields.io/tokei/lines/github/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=blue\u0026style=for-the-badge)\n\n### Used Software:\n\n\u003e VS Code / VS Code insider\n\n### Used Extensions (on VS Code)\n\n- Emmet\n- Live Server\n- Auto Rename Tag\n- Bracket Pair Colorizer\n- Prettier - Code Formatter\n- Save Typing\n\n\u003cbr\u003e\n\n## PROJECTS\n\n| ID  | Name                   | Live Website                                                            | Live Demo                                                                                                    |\n| --- | ---------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| 01  | Expandable Cards       | [Website](https://distracted-kepler-d186df.netlify.app)                 | [YouTube Video](https://www.youtube.com/watch?v=OxRJniILojA\u0026list=PLutHME8vSEnEoS_-5Cl8RMsH0aWnWbsci\u0026index=2) |\n| 02  | Progress Step Bars     | [Website](https://infallible-brattain-6d5102.netlify.app/)              | [YouTube Video](https://youtu.be/Jew-ydjswKs)                                                                |\n| 03  | Rotating Navigation    | [Website](https://jolly-wilson-e155a4.netlify.app/)                     | [YouTube Video](https://youtu.be/_ScFokpHE44)                                                                |\n| 04  | Hidden Search Widget   | [Website](https://loving-curie-166a7d.netlify.app/)                     | [YouTube Video](https://youtu.be/NyHPxXOIL2k)                                                                |\n| 05  | Blurry Loading Page    | [Website](https://practical-kowalevski-a028aa.netlify.app/)             | [YouTube Video](https://youtu.be/9TJTF8u-OQE)                                                                |\n| 06  | Scrolling Animation    | [Website](https://objective-bohr-df6ca0.netlify.app/)                   | [YouTube Video](https://youtu.be/sP4H-XwFgqc)                                                                |\n| 07  | Split The Landing Page | [Website](https://gifted-cray-f612ff.netlify.app/)                      | [YouTube Video](https://youtu.be/csEWvMJTmd8)                                                                |\n| 08  | Animated Waving Form   | [Website](https://priceless-leavitt-184bff.netlify.app/)                | [YouTube Video](https://youtu.be/vkaYFedMRH0)                                                                |\n| 09  | Sound Mini-Boards      | [Website](https://mini-projects-in-html-css-and-javascript.vercel.app/) | [YouTube Video](https://youtu.be/vRVdNjTedoI)                                                                |\n| 10  | Dad Jokes              | [Website](https://hungry-agnesi-c7f8a3.netlify.app/)                    | [YouTube Video](https://youtu.be/5jxewf8Udzo)                                                                |\n| 11  | Event Key              | [Website](https://gracious-roentgen-4bc525.netlify.app)                 | [YouTube Video](https://youtu.be/PYeEnIIsg2c)                                                                |\n| 12  | FAQ Collapse           | [Website](https://superlative-kataifi-d457bf.netlify.app/)              | [YouTube Video]()                                                                                            |\n|13 | Random Choice Picker | [Website](https://creative-banoffee-a17b22.netlify.app/) | [YouTube Video]() |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffahimfba%2Fmini-projects-in-html-css-and-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffahimfba%2Fmini-projects-in-html-css-and-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffahimfba%2Fmini-projects-in-html-css-and-javascript/lists"}