{"id":25538878,"url":"https://github.com/allanotieno254/vanilla-js-mini-projects","last_synced_at":"2026-04-30T03:34:39.937Z","repository":{"id":278447079,"uuid":"935654184","full_name":"AllanOtieno254/vanilla-js-mini-projects","owner":"AllanOtieno254","description":"This repository contains 28 mini projects built using Vanilla JavaScript. Each project is designed to improve JavaScript fundamentals, DOM manipulation, event handling, and API interaction.","archived":false,"fork":false,"pushed_at":"2025-02-19T19:56:51.000Z","size":13186,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-22T23:35:31.309Z","etag":null,"topics":["animation","css-transition","dom-manipulation","event-listeners","fetch-api","js","local-storage","responsive-design"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AllanOtieno254.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2025-02-19T19:49:09.000Z","updated_at":"2025-02-19T19:59:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"f3366b7e-fbd0-41e5-b3a6-b1297a942704","html_url":"https://github.com/AllanOtieno254/vanilla-js-mini-projects","commit_stats":null,"previous_names":["allanotieno254/vanilla-js-mini-projects"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AllanOtieno254/vanilla-js-mini-projects","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllanOtieno254%2Fvanilla-js-mini-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllanOtieno254%2Fvanilla-js-mini-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllanOtieno254%2Fvanilla-js-mini-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllanOtieno254%2Fvanilla-js-mini-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AllanOtieno254","download_url":"https://codeload.github.com/AllanOtieno254/vanilla-js-mini-projects/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllanOtieno254%2Fvanilla-js-mini-projects/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262376080,"owners_count":23301343,"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":["animation","css-transition","dom-manipulation","event-listeners","fetch-api","js","local-storage","responsive-design"],"created_at":"2025-02-20T05:24:30.491Z","updated_at":"2026-04-30T03:34:34.914Z","avatar_url":"https://github.com/AllanOtieno254.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Vanilla JavaScript Mini Projects\n\nThis repository contains **28 mini projects** built using **Vanilla JavaScript**. Each project is designed to improve JavaScript fundamentals, DOM manipulation, event handling, and API interaction.\n\n## 📌 Features\n- **No frameworks** – Just pure JavaScript, HTML, and CSS.\n- **Beginner-friendly** – Simple, structured, and easy to follow.\n- **Real-world projects** – Includes modals, counters, APIs, dark mode, sliders, etc.\n- **Source code included** – Fully open-source and easy to customize.\n\n## 🎯 Topics Covered\n✅ DOM Manipulation\n✅ Event Listeners\n✅ Local Storage\n✅ Fetch API\n✅ Responsive Design\n✅ CSS Transitions \u0026 Animations\n✅ JavaScript ES6+ Features\n\n\n\n\n---\n\n## 🛠️ Projects Included\n\n| #  | Project Name        | Description |\n|----|--------------------|-------------|\n| 01 | **Color Flipper** | Change background colors on button click. |\n| 02 | **Counter** | A simple increment/decrement counter. |\n| 03 | **Reviews** | Show user reviews with next/prev buttons. |\n| 04 | **Navbar** | Responsive navigation menu. |\n| 05 | **Sidebar** | Toggleable sidebar. |\n| 06 | **Modal** | Open/close a modal window. |\n| 07 | **Questions** | Expand/collapse FAQ items. |\n| 08 | **Menu** | Filter menu items dynamically. |\n| 09 | **Video** | Play/Pause video with JS. |\n| 10 | **Scroll** | Scroll event effects. |\n| 11 | **Tabs** | Tabbed content navigation. |\n| 12 | **Countdown Timer** | Countdown to an event. |\n| 13 | **Lorem Ipsum** | Generate random text. |\n| 14 | **Grocery Bud** | Add/remove items from a list. |\n| 15 | **Slider** | Image slider with buttons. |\n| 16 | **Counter (Advanced)** | More counter functionality. |\n| 17 | **Gallery** | Image gallery with zoom. |\n| 18 | **Numbers** | Animated number counters. |\n| 19 | **Dark Mode** | Toggle dark/light theme. |\n| 20 | **Filters** | Filter list dynamically. |\n| 21 | **Dad Jokes API** | Fetch jokes from an API. |\n| 22 | **Products** | Display product list dynamically. |\n| 23 | **Random User API** | Fetch user data from API. |\n| 24 | **Cocktail API** | Fetch cocktail recipes. |\n| 25 | **Slider (Advanced)** | More slider features. |\n| 26 | **Stripe Submenus** | Dynamic submenu navigation. |\n| 27 | **Pagination** | Paginate list items dynamically. |\n| 28 | **Wikipedia API** | Search Wikipedia with API. |\n\n---\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallanotieno254%2Fvanilla-js-mini-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fallanotieno254%2Fvanilla-js-mini-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallanotieno254%2Fvanilla-js-mini-projects/lists"}