{"id":31041290,"url":"https://github.com/imrenr/frontend-notebook","last_synced_at":"2025-09-14T09:53:59.556Z","repository":{"id":309905628,"uuid":"1025783270","full_name":"ImrenR/FrontEnd-Notebook","owner":"ImrenR","description":"A collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript, React JS and Vite The goal of this repository is to recap core web development concepts by building small, hands-on projects without relying on external frameworks or libraries.","archived":false,"fork":false,"pushed_at":"2025-09-09T14:32:32.000Z","size":16935,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-09T15:48:28.027Z","etag":null,"topics":["bootstrap","components","html","html-css-javascript","javascript","pure-javascript","react-components","react-hooks","vite"],"latest_commit_sha":null,"homepage":"","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/ImrenR.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-24T19:45:55.000Z","updated_at":"2025-09-09T14:32:36.000Z","dependencies_parsed_at":"2025-09-09T14:25:01.051Z","dependency_job_id":"07e475a1-7424-4470-bebf-b10684fad5c2","html_url":"https://github.com/ImrenR/FrontEnd-Notebook","commit_stats":null,"previous_names":["imrenr/frontendrecap"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ImrenR/FrontEnd-Notebook","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImrenR%2FFrontEnd-Notebook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImrenR%2FFrontEnd-Notebook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImrenR%2FFrontEnd-Notebook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImrenR%2FFrontEnd-Notebook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ImrenR","download_url":"https://codeload.github.com/ImrenR/FrontEnd-Notebook/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImrenR%2FFrontEnd-Notebook/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275088386,"owners_count":25403373,"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","status":"online","status_checked_at":"2025-09-14T02:00:10.474Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","components","html","html-css-javascript","javascript","pure-javascript","react-components","react-hooks","vite"],"created_at":"2025-09-14T09:53:58.190Z","updated_at":"2025-09-14T09:53:59.526Z","avatar_url":"https://github.com/ImrenR.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FrontEndRecap\n\n\n\nA collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript.\nThe goal of this repository is to recap core web development concepts by building small, hands-on projects without relying on external frameworks or libraries.\n\n## Projects\n\nFlex \u0026 FlexboxProject → Practice using CSS Flexbox for layouts.\n\nJavaScript → Covers core JavaScript fundamentals through small exercises.\n\nMediaQuery → Responsive design experiments with CSS media queries.\n\nProject →(Wallet App) A simple task manager built with pure JavaScript, HTML, and CSS.\n\nProject2 (To-Do List App) → A simple task manager built with pure JavaScript, HTML, and CSS.\n\nAnd will be updated more ...\n## How to Run\n\nClone the repository:\n\ngit clone https://github.com/imrenr/frontendrecap.git\n\n\nNavigate to the project folder you want to run.\n\nOpen the index.html file in your browser.\n\n## Purpose\n\nThis repo serves as:\n\nA recap of essential frontend concepts.\n\nA reference for beginners learning HTML, CSS, and JavaScript.\n\nA practice space for building small, functional projects without frameworks.\n\n## Future Plans\n\nAdd more JavaScript DOM and React JS ( with Vite) projects.\n\nExpand responsive design examples.\n\nImprove UI/UX styling of projects.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimrenr%2Ffrontend-notebook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimrenr%2Ffrontend-notebook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimrenr%2Ffrontend-notebook/lists"}