My Smart Attendance System banner

My Smart Attendance System

Created by: sakshisuman25
1 devlog
2h 37m 52s

Smart Attendance System is a simple and interactive web-based application built using HTML, CSS, and JavaScript. It allows users to mark their attendance by entering their name, while automatically recording the current date and time. The system dโ€ฆ

Smart Attendance System is a simple and interactive web-based application built using HTML, CSS, and JavaScript. It allows users to mark their attendance by entering their name, while automatically recording the current date and time. The system dynamically displays each attendance entry in a structured format on the screen. This project demonstrates basic concepts of JavaScript such as DOM manipulation, event handling, and real-time data handling, making it ideal for beginners.

This project uses AI

๐Ÿ“„ AI Declaration

I hereby declare that this project, Smart Attendance System, has been developed by me using HTML, CSS, and JavaScript. I have taken assistance from AI tools for understanding concepts, improving code structure, and guidance, but the final implementation and modifications have been done by me.

I ensure that this work is original and created for learning purposes.

Demo Repository

README

Loading README...
sakshisuman25
sakshisuman25 shipped My Smart Attendance System
about 4 hours ago

Shipped this project!

Built a Smart Attendance System using HTML, CSS, and JavaScript. It allows users to enter their name and records attendance with date and time.

sakshisuman25
sakshisuman25 worked on My Smart Attendance System
about 4 hours ago
2h 37m logged

๐Ÿ› ๏ธ Devlog โ€“ Smart Attendance System:-

I started by creating a basic HTML structure with a heading, input box, and button. Then I added CSS to design the page and make the layout clean and centered.

After that, I used JavaScript to take the userโ€™s name, get the current date and time, and display it on the screen. I used DOM methods to create and show each attendance record in a box format.

Finally, I tested the project, added input validation, and improved the user experience by clearing the input field after each entry.

โœ… Result:-
A simple and working Smart Attendance System that displays name, date, and time.

Attachment
2

Comments

sakshisuman25
sakshisuman25 about 4 hours ago

wow nice work

Avik Rathi
Avik Rathi about 2 hours ago

You liked your own devlog and sent a comment yourself!!