{"id":19092880,"url":"https://github.com/basedhound/components_css-js","last_synced_at":"2026-05-18T15:08:30.703Z","repository":{"id":212796415,"uuid":"732333865","full_name":"basedhound/components_css-js","owner":"basedhound","description":"Collection of components built using only CSS and JavaScript, aimed at enhancing styling skills and understanding of core web development concepts. From navigation bars to cards, and more.","archived":false,"fork":false,"pushed_at":"2024-08-04T08:27:33.000Z","size":3348,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T07:47:56.731Z","etag":null,"topics":["button","card-hover","css","dropdown-menu","email-validation","html","image-slider","javascript","js","navigation-bar","search-bar","slider"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/basedhound.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-12-16T10:31:00.000Z","updated_at":"2024-08-04T08:27:36.000Z","dependencies_parsed_at":"2023-12-16T11:53:28.263Z","dependency_job_id":"c503c953-7dc0-4f6b-b0a2-b0bb0cb577dc","html_url":"https://github.com/basedhound/components_css-js","commit_stats":null,"previous_names":["basedhound/email-validation_js","basedhound/components_css-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/basedhound/components_css-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fcomponents_css-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fcomponents_css-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fcomponents_css-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fcomponents_css-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/basedhound","download_url":"https://codeload.github.com/basedhound/components_css-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fcomponents_css-js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269275370,"owners_count":24389734,"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-07T02:00:09.698Z","response_time":73,"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":["button","card-hover","css","dropdown-menu","email-validation","html","image-slider","javascript","js","navigation-bar","search-bar","slider"],"created_at":"2024-11-09T03:22:37.427Z","updated_at":"2026-05-18T15:08:20.686Z","avatar_url":"https://github.com/basedhound.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ca href=\"/.design\" target=\"_blank\"\u003e\n      \u003cimg src=\".design/gallery-image-slider.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003ch3 align=\"center\"\u003eComponents - CSS / JavaScript\u003c/h3\u003e\n\u003c/div\u003e\n\n##  \u003cbr /\u003e 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n- ✨ [Introduction](#introduction)\n- ⚙️ [Tech Stack](#tech-stack)\n- 🚀 [Quick Start](#quick-start)\n\n##  \u003cbr /\u003e \u003ca name=\"introduction\"\u003e✨ Introduction\u003c/a\u003e\n\n[Preview](/.design)\n\n**[EN]** This repository contains a collection of practice exercises built using only CSS and JavaScript, aimed at enhancing styling skills and understanding of core web development concepts. The collection includes various components, ranging from navigation bars and email validation to cards, dropdown menus, and more. \n\n**[FR]** Ce dépôt contient une collection d'exercices pratiques construits uniquement en CSS et JavaScript, visant à améliorer les compétences en stylisation et la compréhension des concepts fondamentaux du développement web. La collection inclut divers composants, allant des barres de navigation et de la validation des e-mails aux cartes, menus déroulants, et plus encore.\n\n\n##  \u003cbr /\u003e \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- **HTML** (HyperText Markup Language) is the standard markup language used for creating web pages. It provides the structure of a webpage by defining elements such as headings, paragraphs, links, images, and other content. HTML elements are represented by tags, which tell the browser how to display the content.\n\n- **CSS** (Cascading Style Sheets) is a style sheet language used to describe the presentation of a document written in HTML. CSS controls the layout, colors, fonts, and overall visual appearance of web pages. By separating content from design, CSS enables developers to maintain and update the visual style of multiple pages efficiently.\n  \n- **JavaScript** is a versatile, high-level programming language commonly used for web development. It enables interactive elements on web pages, such as dynamic content updates, form validation, animations, and user interface enhancements. JavaScript runs in the browser and is integral to building modern, interactive websites and web applications.\n\n## \u003cbr /\u003e \u003ca name=\"quick-start\"\u003e🚀 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n\u003cbr/\u003e**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n\u003cbr/\u003e**Cloning the Repository**\n\n```bash\ngit clone {git remote URL}\n```\n\n\u003cbr/\u003e**Running the Project**\n\nUse [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)\nto launch a development local server with live reload feature for static \u0026 dynamic pages.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fcomponents_css-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbasedhound%2Fcomponents_css-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fcomponents_css-js/lists"}