https://github.com/basedhound/components_css-js

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.
https://github.com/basedhound/components_css-js

button card-hover css dropdown-menu email-validation html image-slider javascript js navigation-bar search-bar slider

Last synced: 5 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/basedhound/components_css-js
• Owner: basedhound
• Created: 2023-12-16T10:31:00.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T08:27:33.000Z (over 1 year ago)
• Last Synced: 2025-02-22T07:47:56.731Z (11 months ago)
• Topics: button, card-hover, css, dropdown-menu, email-validation, html, image-slider, javascript, js, navigation-bar, search-bar, slider
• Language: SCSS
• Homepage:
• Size: 3.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




      

    

  
Components - CSS / JavaScript



##  
 📋 Table of Contents

- ✨ [Introduction](#introduction)

- ⚙️ [Tech Stack](#tech-stack)

- 🚀 [Quick Start](#quick-start)

##  
 ✨ Introduction

[Preview](/.design)

**[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. 

**[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.

##  
 ⚙️ Tech Stack

- **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.

- **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.

  

- **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.

## 
 🚀 Quick Start

Follow these steps to set up the project locally on your machine.


**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)


**Cloning the Repository**

```bash

git clone {git remote URL}

```


**Running the Project**

Use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

to launch a development local server with live reload feature for static & dynamic pages.