Smart Attendance Tracker banner

Smart Attendance Tracker

Created by: apurnaray25
2 devlogs
4h 1m 38s

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

README

Loading README...
apurnaray25
apurnaray25 shipped Smart Attendance Tracker
about 1 month ago

Shipped this project!

Hours: —
Cookies: 🍪 1
Multiplier: — cookies/hr

The Focus Mode Dashboard has been successfully built and is now ready for use. This project is a fully functional productivity web app that helps users stay focused using a Pomodoro timer, manage daily tasks, block distractions, and track their progress in real time. With features like dark mode, sound notifications, and local storage support, the app provides a smooth and persistent user experience. It is now production-ready as a learning-based project and can be further enhanced with advanced features in future updates.

apurnaray25
apurnaray25 worked on Smart Attendance Tracker
about 1 month ago
0h 20m logged

I worked on building a Focus Mode Dashboard to improve productivity and time management. The project includes a Pomodoro timer, task manager, distraction blocker list, progress tracking, dark mode, and local storage support. During development, I faced challenges in handling timer logic, updating UI in real-time, and managing data persistence, which I solved step by step. This project helped me understand core JavaScript concepts like DOM manipulation, event handling, and state management in real-world applications, and significantly improved my problem-solving skills.

Attachment
0
apurnaray25
apurnaray25 shipped Smart Attendance Tracker
about 2 months ago

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
apurnaray25 worked on Smart Attendance Tracker
about 2 months ago
3h 40m logged

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