Skip to content

This repository contains a collection of four beginner-friendly JavaScript projects built using HTML, CSS, and Vanilla JavaScript.

Notifications You must be signed in to change notification settings

Luckysenapati/Frontend-JavaScript-Mini-Projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📌 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/

About

This repository contains a collection of four beginner-friendly JavaScript projects built using HTML, CSS, and Vanilla JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors