Smart Attendance Tracker banner

Smart Attendance Tracker

1 devlog
3h 40m 47s

What the Project Does

  1. Allows users to log in with their name
  2. Tracks attendance with date and time
  3. Restricts attendance marking to once every 24 hours
  4. Stores data in the browser using localStorage
  5. Supports multiple users with…

What the Project Does

  1. Allows users to log in with their name
  2. Tracks attendance with date and time
  3. Restricts attendance marking to once every 24 hours
  4. Stores data in the browser using localStorage
  5. Supports multiple users with separate records
  6. Provides options to delete or reset attendance
  7. Includes dark mode and logout functionality

This project is developed by me [Apurna] as part of learning and practicing web development concepts, especially JavaScript and DOM manipulation.

What’s Next (Future Scope)

  1. Add a proper authentication system (login/signup)
  2. Connect with a database like Firebase
  3. Export attendance data to Excel or CSV
  4. Create an admin dashboard to view all users
  5. Improve UI/UX with responsive design

##Purpose of the Project
The main purpose of this project is to:
. Practice JavaScript DOM manipulation
. Understand real-world logic like time-based restrictions
. Build a functional and interactive web application

This project uses AI

I have taken help from AI tools for understanding concepts and improving my code. However, the project has been implemented and understood by me.

Demo Repository

Loading README...

apurnaray25

Shipped this project!

Hours: 3.68
Cookies: 🍪 7
Multiplier: 1.84 cookies/hr

I built a Smart Attendance Tracker! The hardest part was managing 24-hour attendance locks per user, but I figured it out by using timestamps and localStorage. Really happy with how it turned out!

apurnaray25

The Smart Attendance Tracker is a web-based application built using JavaScript and DOM manipulation. It allows multiple users to log in and mark their attendance with a real-world 24-hour restriction system. The project stores data using localStorage, ensuring that attendance records persist even after refreshing the page. It also includes features like dark mode, logout functionality, and user-specific data handling, making it a practical and interactive mini application.

Attachment
Attachment
Attachment
0