Skip to content

Neha-Dhattarwal/HTML-CSS-JS-Practice-Projects

Repository files navigation

HTML, CSS, and JavaScript Practice Projects

This repository contains 18 beginner-friendly projects built using HTML, CSS, and JavaScript. These projects were created to practice fundamental web development concepts and improve front-end skills.

Projects Included

  1. Add a Friend - Simple app to add and display friends dynamically.
  2. BMI Calculator - Calculates Body Mass Index based on user input.
  3. Color Changer - Changes colors of elements dynamically.
  4. Cryptocurrency Website UI - Static UI design for a cryptocurrency site.
  5. Custom Cursor - Implements a custom cursor effect on the webpage.
  6. Digital Clock - Displays real-time digital clock.
  7. E-commerce Filter - Filters products based on categories or price.
  8. Guess Number - A game to guess a random number generated by the system.
  9. Keyboard Spotlight - Highlights keys pressed on the keyboard.
  10. Memory Card Game - Simple card matching game.
  11. Movie Search - Search movies using a public API.
  12. Notes App - Add, edit, and delete notes.
  13. Notification Popup - Simple notification popup system.
  14. Quiz Game - Multiple-choice quiz game with score tracking.
  15. Small Hollow Cursor - A small hollow circle follows the cursor.
  16. Profile Manager (this keyword) - Demonstrates use of this in JavaScript with a profile manager.
  17. To-Do List - Task management app with add, remove, and mark complete functionality.
  18. Upload File App - Upload files with basic validation.

Technologies Used

  • HTML
  • CSS
  • JavaScript

How to Use

  1. Clone the repository:
    git clone https://github.com/Neha-Dhattarwal/HTML-CSS-JS-Practice-Projects.git

About

beginner-friendly projects built using HTML, CSS, and JavaScript while learning web development.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published