HTML, CSS & JavaScript Projects

📋 Description

This repository contains a collection of 26 projects developed with HTML, CSS, and vanilla JavaScript. Each project is designed to practice and demonstrate different web development concepts and techniques, from DOM manipulation to creating interactive and functional interfaces.

🎯 Objective

The main objective of this repository is to provide practical and functional examples that serve as:

• Learning resources for developers who are starting with HTML, CSS, and JavaScript
• Quick references for implementing common functionalities in web projects
• Project portfolio demonstrating frontend development skills
• Reusable code base for future projects

🚀 Projects

Project	Link
Counter	View Demo
Random Quote Generator	View Demo
Dice Roll Simulator	View Demo
Simple Calculator	View Demo
Hex Color Generator	View Demo
Mouse Event	View Demo
Password Generator	View Demo
Tip Calculator	View Demo
Stop Watch	View Demo
Joke Generator	View Demo
Palindrome Checker	View Demo
Popup Box	View Demo
Character Counter	View Demo
Multiplication Quiz	View Demo
REM to Pixel Converter	View Demo
Prime Number Checker	View Demo
Slider	View Demo
Slider with Navigation	View Demo
Tabs	View Demo
Tic Tac Toe	View Demo
Todo List	View Demo
Number System Converter	View Demo
Percentage Calculator	View Demo
Dark Mode Toggle	View Demo
Expanding Cards	View Demo
Dictionary	View Demo

💻 Technologies Used

• HTML5: Semantic structure and markup
• CSS3: Styles, animations, and responsive design
• JavaScript (Vanilla): Logic, interactivity, and DOM manipulation

🛠️ How to Use

1. Clone this repository:

git clone https://github.com/alan-cx/html-css-javascript-projects.git

2. Navigate to the project folder you want to explore

3. Open the index.html file in your preferred browser

You can also view the live demos by clicking on the links in the table above.

📝 License

This project is available for educational and learning purposes.

---

⭐ If you find this repository useful, consider giving it a star on GitHub!