{"id":21082373,"url":"https://github.com/ryantusi/frontend-development-libraries","last_synced_at":"2025-04-12T23:12:50.533Z","repository":{"id":209115145,"uuid":"723270517","full_name":"ryantusi/Frontend-Development-Libraries","owner":"ryantusi","description":"This collection includes projects from the FreeCodeCamp course on \"Front End Development Libraries\" for which I've earned certification  from freeCodeCamp 🎓","archived":false,"fork":false,"pushed_at":"2023-12-17T07:57:10.000Z","size":17676,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T23:12:31.101Z","etag":null,"topics":["bootstrap","drum-machine","freecodecamp","frontend-development-exercises","frontend-libraries","javascript","javascript-calculator","javascript-clock","markdown-previewer","random-quote-machine","react"],"latest_commit_sha":null,"homepage":"https://www.freecodecamp.org/certification/ryantusi/front-end-development-libraries","language":"JavaScript","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/ryantusi.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-11-25T06:02:17.000Z","updated_at":"2023-12-21T06:28:56.000Z","dependencies_parsed_at":"2023-12-17T08:30:53.645Z","dependency_job_id":null,"html_url":"https://github.com/ryantusi/Frontend-Development-Libraries","commit_stats":null,"previous_names":["ryantusi/frontend-development-libraries"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FFrontend-Development-Libraries","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FFrontend-Development-Libraries/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FFrontend-Development-Libraries/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FFrontend-Development-Libraries/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ryantusi","download_url":"https://codeload.github.com/ryantusi/Frontend-Development-Libraries/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248643005,"owners_count":21138355,"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","drum-machine","freecodecamp","frontend-development-exercises","frontend-libraries","javascript","javascript-calculator","javascript-clock","markdown-previewer","random-quote-machine","react"],"created_at":"2024-11-19T20:13:52.694Z","updated_at":"2025-04-12T23:12:50.494Z","avatar_url":"https://github.com/ryantusi.png","language":"JavaScript","readme":"# Frontend Development Libraries 💻\n\nWelcome to my Frontend Development Libraries repository! 🚀 This collection includes projects from the FreeCodeCamp course on \"Front End Development Libraries,\" for which I've earned certification 🎓\n\n## Projects Overview: 🔍\n \n### Random Quote Machine\n![Random Quote Machine](screenshots/random_quote.gif)\n\nThe Random Quote Machine project dynamically displays random quotes fetched. Users can interact with the app to generate new quotes and share them which directs them to their twitter handle with prewritten quote.\n\n### Markdown Previewer\n![Markdown Previewer](screenshots/markdown.gif)\n\nThe Markdown Previewer allows users to input Markdown syntax and instantly see a live preview of the rendered output. It helps users visualize how their Markdown content will appear.\n\n### Drum Machine\n![Drum Machine](screenshots/drum.gif)\n\nThe Drum Machine simulates a musical instrument interface. Users can play drum sounds by clicking on the provided buttons or by using keyboard shortcuts.\n\n### JavaScript Calculator\n![JavaScript Calculator](screenshots/calculator.gif)\n\nThe JavaScript Calculator performs basic arithmetic operations. It provides a user-friendly interface for performing calculations, complete with mathematical functionality.\n\n\n## Technologies Used:\n- HTML5\n- CSS3\n- JavaScript\n- Bootstrap\n- React (if applicable)\n\nFeel free to explore each project in detail within their respective folders. Each project includes its own set of code files and resources.\n\n## About FreeCodeCamp Certification:\n![certificate](screenshots/certificate.png)\n\n[FreeCodeCamp](https://www.freecodecamp.org/certification/ryantusi/front-end-development-libraries) is an interactive learning platform that offers free coding courses and projects to help individuals learn web development and other programming skills. The Frontend Development Libraries course teaches HTML, CSS, Javascript, React, Redux, Saas, and Bootstrap.\n\nEnjoy exploring these projects! Feel free to reach out for any questions or feedback. 🌟\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryantusi%2Ffrontend-development-libraries","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryantusi%2Ffrontend-development-libraries","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryantusi%2Ffrontend-development-libraries/lists"}