📌 4 in One JavaScript Mini Projects
This repository contains a collection of four beginner-friendly JavaScript projects built using HTML, CSS, and Vanilla JavaScript. The goal of this project is to strengthen core JavaScript concepts such as DOM manipulation, event handling, form validation, game logic, and real-time updates, while also focusing on responsive UI/UX design.
Each project is simple, interactive, and designed to improve practical frontend development skills.
🚀 Projects Included 🎨 Background Color Changer
Allows users to change the webpage background color by clicking on color boxes. This project demonstrates event listeners and dynamic style updates using JavaScript.
⚖️ BMI Calculator
A responsive Body Mass Index calculator where users enter height and weight to get instant results. Includes input validation and clear health category feedback.
⏰ Local Time Clock
Displays the user’s current local time in real-time using the JavaScript Date object and setInterval().
🎯 Guess the Number Game
An interactive number guessing game where users have limited attempts to guess a randomly generated number. Provides hints, tracks previous guesses, and allows restarting the game.
🛠️ Tech Stack
HTML5
CSS3 (Responsive Design & Animations)
JavaScript (DOM Manipulation & Logic)
🎯 Key Learning Outcomes
Understanding JavaScript events and user interactions
Working with forms and validations
Implementing real-time updates
Building interactive games
Creating responsive and visually appealing UI
👨💻 Created By
Dibyajyoti Senapati Frontend & JavaScript Enthusiast
🔗 GitHub: https://github.com/Luckysenapati
🔗 LinkedIn: https://www.linkedin.com/in/dibyajyoti-senapat/