Assessfy Foundation Projects Lab Beginner 5 milestones 100 marks

Build a Simple Digital Clock and Stopwatch Web App

Discipline: Programming & Software Level: Foundation Industry: Software & IT Function: Engineering Team: up to 3 Assessment: 5 milestones (100 marks)

Real-world project · AICTE-aligned · AI-graded · Audit-ready certificate

Enroll as Student Mentor this project

Milestones

Available mentors

Enrolled students

Core skills

About this project

What you'll build: In this project, you'll create a basic web page that displays the current time (like a digital clock) and includes a working stopwatch you can start, stop, and reset. All the action happens right in your browser!

Why it's a good starter: This project uses simple, beginner-friendly web tools and concepts. It's a great way to practice working with time, buttons, and simple page layouts without getting overwhelmed.

What you'll learn: You'll get hands-on experience with HTML, CSS, and JavaScript-three core skills for any web developer. You'll discover how to update the page in real time, handle button clicks, and make your page look neat and user-friendly.

Milestones

1. Setup & Plan

10 marks 5d

Submit a short plan (1-2 paragraphs) describing your approach, and set up a project folder with empty HTML, CSS, and JS files. Show a screenshot of your folder structure.

2. Build the Digital Clock

30 marks 10d

Create a web page that shows the current time (updated every second) in a clear digital format. Submit a screenshot and your code.

3. Add the Stopwatch Feature

30 marks 10d

Implement a stopwatch with start, stop, and reset buttons. The stopwatch should count up from zero and display the time. Submit a screenshot and your code.

4. Testing & Polish

15 marks 7d

Test your app for correct time display and stopwatch functionality. Improve the layout and appearance with some basic CSS styling. Submit proof of testing (e.g. notes/screenshots) and updated code.

5. Demo & Short Report

15 marks 7d

Record a short screencast demo (1-2 min) of your app working, and write a brief report (1 page) reflecting on what you learned and any challenges you faced.

Open internships using this project -->

Skills you'll learn

Programming & SoftwareWriting and structuring HTML for web contentStyling a page with basic CSSUsing JavaScript to display and update the current timeImplementing a simple stopwatch with startstopand reset functionsHandling user input with events (like button clicks)

Tools used

Any web browser (e.g. ChromeFirefox)Text editor (e.g. VS CodeSublime Textor Notepad++)Free online resources for HTML/CSS/JS (e.g. MDN Web DocsW3Schools)

Prerequisites

Basic programming concepts (variablesfunctions)Familiarity with using a text editor

Available mentors

No mentors have signed up for this project yet.

Be the first to mentor

You'll earn — Certificate (PDF)

AICTE-aligned Project Completion Certificate

A formal, audit-ready PDF certificate issued by Assessfy + your institute on successful completion. Includes AICTE credit hours, your evaluator's signature, and a QR code for third-party verification.

AICTE-aligned

Certificate of Project Completion

This is to certify that

has successfully completed the project

Build a Simple Digital Clock and Stopwatch Web App

Scan to Verify

Date

Signature

Auto-issued on completion QR-verifiable

You'll earn — Digital Badge

Shareable LinkedIn / Resume Skill Badge

A compact, verifiable Open-Badges-2.0-compliant digital credential. Add to your LinkedIn profile, GitHub README, or resume in one click. Recruiters can validate authenticity via a unique URL.

Beginner

Build a Simple Digital Clock and Stop…

Assessfy

Auto-issued on completion One-click LinkedIn add