Skip to content

iamashruu/Smart_Office_Attendance_System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Smart Office Attendance System

Smart Office Attendance System is a web application designed to streamline attendance management in offices. It allows employees to mark their attendance using QR codes, provides administrators with tools to manage employee records, generate attendance reports, and more.

How To Give Attendance?

When an employee enters the office, they must scan their ID card . The system records their entry time. To leave the office, the employee must scan again to confirm their exit. This two-step process prevents attendance from being counted without both entry and exit scans, ensuring accurate tracking.

Features

  • Employee Registration: Register new employees with their details.
  • QR Code Attendance: Employees can mark their attendance by scanning QR codes.
  • Dashboard: Admin dashboard for managing employee records and attendance.
  • Reports: Generate daily, weekly, and monthly attendance reports.
  • Leave Management: Add and manage employee leave requests.

Screenshots

Login Page Admin Dashboard Scan Attendance Present Result Employee Add Employee Management Generate QR Add Leave Show Leave

Technologies Used

  • Frontend: HTML, CSS, JavaScript,Instascan.js
  • Backend: Node.js, Express.js
  • Database: PostgreSQL
  • QR Code Generation: QRCode.js
  • ORM: Knex.js

Getting Started

  1. Clone the repository: git clone https://github.com/yourusername/smart-office-attendance-system.git

  2. Install dependencies: cd attendanceBackEnd npm install

  3. import attendanceSystem.sql in postgresql database.

  4. Set up your PostgreSQL database and configure server.js in attendanceBackEnd.

  5. Run the server: npm start

  6. Access the application in your browser at http://localhost:3001

  7. Open live server for attendanceFrontEnd

  8. index.html for employees attendance and login.html for admin dashboard.

  9. Generate Employe id card into json formate then convert into qrcode. Like this:

                           {
                             "ID": "10",
                             "Name": "Ashraf",
                             "Phone": "018111111"
                           }
    

You can generate qrcode from our dashboard or online too such as https://www.the-qrcode-generator.com

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests for new features, bug fixes, or improvements. To contribute to this project, follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and commit them: git commit -m "Add your changes"
  4. Push to your forked repository: git push origin feature/your-feature-name
  5. Create a pull request to the main branch of the original repository.

License

This project is licensed under the MIT License.

Acknowledgements

This project was inspired by the need for a simple and efficient office attendance management system. Special thanks to the open-source community and various libraries used in this project.

#Thank You.............

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published