{"id":22045807,"url":"https://github.com/abduldevhub/web-mountain","last_synced_at":"2026-04-11T01:33:45.130Z","repository":{"id":227978979,"uuid":"771736097","full_name":"AbdulDevHub/Web-Mountain","owner":"AbdulDevHub","description":"A repository containing all of the simple web projects I made to test and learn new frontend concepts. Each project resides in its own dedicated folder.","archived":false,"fork":false,"pushed_at":"2024-12-08T20:46:02.000Z","size":37486,"stargazers_count":0,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-21T20:07:42.841Z","etag":null,"topics":["accessibility","animejs","api","css","firebase","html","jasmine","javascript","videojs"],"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/AbdulDevHub.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}},"created_at":"2024-03-13T21:17:32.000Z","updated_at":"2024-12-08T20:46:06.000Z","dependencies_parsed_at":"2024-05-11T21:30:36.537Z","dependency_job_id":"3d96d902-be1e-4390-9398-582157003cc0","html_url":"https://github.com/AbdulDevHub/Web-Mountain","commit_stats":null,"previous_names":["abduldevhub/simple-web-projects","abduldevhub/web-mountain"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AbdulDevHub/Web-Mountain","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FWeb-Mountain","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FWeb-Mountain/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FWeb-Mountain/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FWeb-Mountain/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AbdulDevHub","download_url":"https://codeload.github.com/AbdulDevHub/Web-Mountain/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FWeb-Mountain/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271370699,"owners_count":24747880,"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-08-20T02:00:09.606Z","response_time":69,"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":["accessibility","animejs","api","css","firebase","html","jasmine","javascript","videojs"],"created_at":"2024-11-30T13:15:12.110Z","updated_at":"2026-04-11T01:33:45.122Z","avatar_url":"https://github.com/AbdulDevHub.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web Mountain 🏔️\n\n![Screenshot](Screenshot.png)\n\nA comprehensive repository showcasing frontend experiments, UI concepts, and interactive web applications. Each project demonstrates different aspects of modern web development, from accessibility best practices to advanced animations and interactive experiences.\n\n## Project Categories\n\n### Awesome Websites\n\nComplete website projects ranging from interactive games to practical utilities.\n\n- **[Pokedex](./Awesome%20Websites/Pokedex)** - Interactive Pokemon encyclopedia\n- **[Pastel](./Awesome%20Websites/Pastel)** - Bootstrap-based portfolio template\n- **[Bulk File Renamer](./Awesome%20Websites/Bulk%20File%20Renamer)** - Batch file renaming tool\n- **[DupeHunter](./Awesome%20Websites/DupeHunter)** - Duplicate text finder utility\n- **[Firey Passages](./Awesome%20Websites/Firey%20Pasages)** - Animated text effects showcase\n- **[File Redownloader](./Awesome%20Websites/File%20Redownloader)** - Batch file download utility\n- **[QR Code Generator](./Awesome%20Websites/QR%20Code%20Generator)** - Dynamic QR code creation tool\n- **[Mock Email Generator](./Awesome%20Websites/Mock%20Email%20Generator)** - Interactive mock email generator\n- **[Rename Files](./Awesome%20Websites/Rename%20Files)** - Batch file renaming tool\n- **[Face Bomp](./Awesome%20Websites/Face%20Bomp)** - Whack-a-mole style reaction game\n- **[War](./Awesome%20Websites/War)** - Classic card game implementation\n- **[UNO](./Awesome%20Websites/UNO)** - Another Classic card game implementation\n\n### UI Experiments\n\nCreative UI concepts and experimental interface designs.\n\n- **[Skynet Eats](./UI%20Experiments/Skynet%20Eats)** - Food delivery app UI concept\n- **[Drone Series](./UI%20Experiments/Drone%20Series)** - Drone product showcase interface\n- **[Scenic Forests](./UI%20Experiments/Scenic%20Forests)** - Nature photography gallery interface\n- **[Momentum](./UI%20Experiments/Momentum)** - Minimalist productivity dashboard\n- **[Video Background Website](./UI%20Experiments/Video%20Background%20Website)** - Immersive video-based landing page\n\n### Awesome Effects\n\nInteractive visual effects and animations that demonstrate creative uses of CSS, JavaScript, and WebGL.\n\n- **[Ghost Eyes](./Awesome%20Effects/Ghost%20Eyes.html)** - Spooky eye-tracking effect\n- **[Grid Spotlight Effect](./Awesome%20Effects/GridSpotlightEffect.html)** - Interactive grid spotlight animation\n- **[Anime.js Sphere](./Awesome%20Effects/Anime.js%20Sphere)** - 3D animated sphere using Anime.js\n- **[Anthony V1 Website Effects](./Awesome%20Effects/Anthony%20V1%20Website%20Effects)** - Custom cursor and mouse-follow effects\n- **[Blue Techno Fluid](./Awesome%20Effects/Blue%20Techno%20Fluid)** - WebGL fluid simulation\n- **[Diamond Photo Gallery](./Awesome%20Effects/Diamond%20Photo%20Gallery)** - Diamond-shaped image gallery layout\n- **[Fluid Flame Effect](./Awesome%20Effects/Fluid%20Flame%20Effect)** - Interactive flame simulation\n- **[Button Gallery](./Awesome%20Effects/Button%20Gallery)** - Collection of creative button hover effects\n- **[Ink Fluid](./Awesome%20Effects/Ink%20Fluid)** - GPU-accelerated ink dispersion effect\n- **[Loading Animation 2](./Awesome%20Effects/Loading%20Animation%202)** - Creative loading spinner animation\n- **[Moving Squares Animation](./Awesome%20Effects/Moving%20Squrares%20Animation)** - Animated square pattern effects\n- **[Particles](./Awesome%20Effects/Particles)** - Interactive particle system visualization\n- **[Split Screen Slider](./Awesome%20Effects/Split%20Screen%20Slider)** - Dual-panel slider interface\n- **[Spotlight Effect](./Awesome%20Effects/Spotlight%20Effect)** - Mouse-tracking spotlight effect\n- **[Touch Slider](./Awesome%20Effects/Touch%20Slider)** - Touch-enabled image slider\n- **[Video.js](./Awesome%20Effects/Video.js)** - Custom video player implementation\n- **[3D Cube Loader](./Awesome%20Effects/3D%20Cube%20Loader.html)** - Animated 3D cube loading animation\n- **[3D Image Transition](./Awesome%20Effects/3D%20Image%20Transition.html)** - 3D perspective image transitions\n- **[Animated Input Border](./Awesome%20Effects/Animated%20Input%20Border.html)** - Dynamic input field border animations\n- **[Escalade Loader](./Awesome%20Effects/Escalade%20Loader.html)** - Escalating animation loader\n- **[Fire Cursor](./Awesome%20Effects/Fire%20Cursor.html)** - Cursor trail with fire particle effect\n- **[Gemini Loader](./Awesome%20Effects/Gemini%20Loader.html)** - Google Gemini-inspired loading animation\n- **[Hover Shine Effect](./Awesome%20Effects/Hover%20Shine%20Effect.html)** - Metallic shine on hover interaction\n- **[Jump And Slide](./Awesome%20Effects/Jump%20And%20Slide.html)** - Playful jump and slide animation\n- **[Magic Card](./Awesome%20Effects/Magic%20Card.html)** - Interactive card with magical hover effects\n- **[MagicalHoverEffect](./Awesome%20Effects/MagicalHoverEffect.html)** - Enchanting hover interaction with particles\n- **[Navigation Bar](./Awesome%20Effects/Navigation%20Bar.html)** - Animated navigation bar with hover effects\n- **[Redirecting Loader](./Awesome%20Effects/Redirecting%20Loader.html)** - Page redirect loading animation\n- **[Shine Animation](./Awesome%20Effects/Shine%20Animation.html)** - Animated shine sweep effect\n- **[Shine Effect](./Awesome%20Effects/Shine%20Effect.html)** - Glossy shine overlay effect\n\n### Chrome Extensions\n\nBrowser extensions that enhance functionality and user experience.\n\n- **[Gallery Bookmark Viewer](./Chrome%20Extensions/Gallery%20Bookmark%20Viewer)** - Visual bookmark management extension with customizable viewing options\n\n## Setup\n\nTo explore these projects locally:\n\n1. Clone the repository:\n\n```bash\n   git clone https://github.com/AbdulDevHub/Web-Mountain.git\n```\n\n1. Navigate to the project directory:\n\n```bash\n   cd Web-Mountain\n```\n\n1. Open `index.html` in your browser to view the project showcase\n\n2. Navigate to individual project folders to explore specific implementations\n\n## Technologies Used\n\n- **Core**: HTML5, CSS3, JavaScript (ES6+)\n- **Animation**: Anime.js, CSS animations, Canvas API\n- **Graphics**: WebGL, GPU.js, SVG\n- **Libraries**: jQuery, Bootstrap, dat.GUI\n- **Tools**: Materialize, Video.js\n- **Techniques**: CSS Grid, Flexbox, Responsive Design\n\n## Purpose\n\nThis repository serves as a living archive of frontend learning experiments, showcasing progression in web development skills across multiple domains including:\n\n- ✨ Visual effects and animations\n- 🎮 Interactive applications and games\n- 🎨 UI/UX design implementations\n- 🔧 Practical web utilities\n- 🧩 Chrome extension development\n\nEach project demonstrates different aspects of modern web development, from foundational concepts to advanced techniques.\n\n**_Feel free to explore each project folder for implementation details. Happy Coding!_** 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabduldevhub%2Fweb-mountain","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabduldevhub%2Fweb-mountain","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabduldevhub%2Fweb-mountain/lists"}