Skip to content

A collection of beginner-friendly JavaScript projects built using HTML, CSS, and JavaScript to practice core concepts and improve problem-solving skills.

Notifications You must be signed in to change notification settings

CloudM22/JS-projects

Repository files navigation

JavaScript Projects 🚀

This repository contains a collection of mini JavaScript projects built using HTML, CSS, and JavaScript.
These projects focus on practicing core JavaScript concepts, DOM manipulation, events, and UI interactions.


📁 Projects List

  • Border Animation
  • Calculator
  • Coming Soon Page
  • Dark / Light Mode Toggle
  • Drag and Drop
  • Image Gallery
  • Mini Calendar
  • Note App
  • Password Strength Checker
  • Popup Modal
  • Password Generator
  • QR Code Generator
  • Quote Generator
  • Select Menu
  • Show / Hide Password
  • Stopwatch
  • To-Do List
  • Weather App

🛠️ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)

🎯 Purpose of This Repository

  • Improve JavaScript fundamentals
  • Practice DOM manipulation & event handling
  • Build interactive UI components
  • Create projects for portfolio and GitHub showcase

📂 Folder Structure

JS-projects/ │── border/ │── calculator/ │── coming-soon-page/ │── dark-white-mode/ │── drag-and-drop/ │── image-gallery/ │── mini-calendar/ │── noteapp/ │── password-strength/ │── popup/ │── pw-generator/ │── qr-code/ │── quote-generator/ │── select-menu/ │── show-password/ │── stop-watch/ │── to-do-list/ │── weather/

yaml Copy code

Each project folder includes:

  • index.html
  • style.css
  • script.js

🌱 Skills Gained

  • DOM manipulation
  • Event handling
  • JavaScript logic building
  • UI interaction design
  • Clean folder & code structure

🔮 Future Plans

  • Improve UI/UX for existing projects
  • Add more advanced JavaScript projects
  • Convert selected projects to React.js
  • Deploy projects using GitHub Pages

About

A collection of beginner-friendly JavaScript projects built using HTML, CSS, and JavaScript to practice core concepts and improve problem-solving skills.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •