Skip to content

DeveloperShaurya7/JavaScript-Projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Projects Collection

Welcome to my JavaScript Projects repository!
This repository is a growing collection of projects I’m building for people who wants to learn and master JavaScript — from beginner-friendly apps to more advanced ones.


Project Overview

1. Digital Clock

A real-time digital clock that dynamically updates every second, showing the current time in HH:MM:SS format.
It uses JavaScript’s Date API and DOM manipulation to display the time and updates automatically every second.

Features:

  • Displays the current time (hours, minutes, seconds)
  • Automatically updates every second
  • Shows time in double-digit format (e.g., 09:05:07)
  • Fully responsive and minimal UI
  • Built using HTML, CSS, and JavaScript

What you will Lear:

  • Working with Date() object
  • Using setInterval() for real-time updates
  • Converting single digits to double digits using padStart()
  • DOM manipulation and innerText updates

Getting Started

Follow these steps to run the project locally

Clone this repository

git clone https://github.com/your-username/javascript-projects.git

Navigate to the project folder

cd javascript-projects/digital-clock

Open in browser

Simply open the index.html file in your browser.


Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling
  • JavaScript (ES6) – Logic

Folder Structure

javascript-projects/
│
├── digital-clock/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
└── README.md

Future Updates

Here’s what I plan to add next:

  • Add more beginner-friendly JS projects (Calculator, Countdown Timer, etc.)

This is for you implement this features in your project

  • Add AM/PM and 12-hour format toggle
  • Add dark/light mode support

Contributing

If you’d like to contribute or suggest improvements, feel free to fork this repo and create a pull request!


Contact

Raviranjan Kumar ~ Shaurya
Email: webwithshaurya@gmail.com
Website: https://developershaurya.com/
GitHub: https://github.com/DeveloperShaurya7/
YouTube: https://www.youtube.com/@DeveloperShaurya


If you like this project, don’t forget to give it a star!


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published