Giter Club home page Giter Club logo

sanjeev662 / visitor-management-system-react Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 709 KB

This project is a Visitor Management System, designed to streamline the process of managing visitors in various environments such as offices, buildings, or events. It provides role-based access control for administrators, receptionists, and guards, allowing each user type to perform specific tasks related to visitor management.

HTML 0.16% JavaScript 99.28% CSS 0.45% TypeScript 0.10%
react telwind-css visitor-management vms advanced dashboard filters pagination search role-management role-mapping

visitor-management-system-react's Introduction

Description

Welcome to the Visitor Management System (VMS)! Our system is designed to simplify and enhance the visitor registration and management process for various environments, including offices, buildings, or events. With a user-friendly interface and role-based access control, VMS offers administrators, receptionists, and guards the tools they need to efficiently manage visitor traffic while ensuring security and compliance.

Features

  • Comprehensive Dashboard: Gain insights into visitor traffic with detailed charts and statistics, including monthly visits, day-wise trends, zone-wise distribution, and recent visitor details.

  • Role-Based Access Control: Administrators, receptionists, and guards each have specific roles with tailored access to features, ensuring smooth operation and security compliance.

Admin Role:

  • Full Access: Administrators have full access to all functionalities
  • Dashboard: Dashboard with charts showing details about monthly visits, day-wise statistics, zone-wise distribution, and recent visitor details.
  • User Management: Create, update, delete, and retrieve all users with filters and pagination.
  • Visitor Management: Create, update, delete, and retrieve all visitors with filters and pagination.
  • Pass Management: Generate passes for visitors with printing functionality, assign RFID keys for access control.
  • FAQ Section: Provide answers to frequently asked questions about how to use VMS.
  • Modify Gadget Configuration: Configure settings for five hardware gadgets with all operations.

Receptionist Role:

  • Limited Access: Receptionists have access to specific functionalities.
  • Dashboard: View charts showing details about monthly visits, day-wise statistics, zone-wise distribution, and recent visitor details.
  • Visitor Management: Create, update, delete, and retrieve all visitors with filters and pagination, with the ability to blacklist visitors.
  • Pass Management: Generate passes for visitors, assign RFID keys, and provide printing functionality.
  • Reports: View and generate reports for users, such as login-logout, visitor visits, and gadget configuration modifications, with validations.
  • FAQ Section: Provide answers to frequently asked questions about how to use VMS.

Guard Role:

  • Limited Access: Guards have access to specific functionalities.
  • Visitor Verification: Verify if the current visitor has a valid pass,show alert if invalid or blacklisted visitor.
  • Recent Visitors: View the top 5 recent visitors for monitoring purposes.

Technology Used

  • React: A powerful JavaScript library for building user interfaces.
  • Material UI: A popular React component library for creating beautiful and responsive UI designs.
  • Tailwind CSS: A utility-first CSS framework for building custom designs with ease.

Additional Features

  • Step-Form: Implement a step-by-step form for smoother visitor registration, with progress bars and model view.
  • Webcam Integration: Capture visitor images during registration using the react-webcam library.
  • Signature Integration: Integrate SignoTech for capturing visitor signatures during registration.
  • Routing: Implement routing for a seamless user experience and easy navigation within the system.
  • Models: Use models for showing details or creating forms.
  • Pagination and Searching: Implement frontend as well as backend pagination and searching techniques for fast response.

login

dashboard

add-new-visitor-step-form

delete-alert-model

profile-model

view-download-report

configuration-module

faq

visitor-profile-sidebar

vms-react.mp4

visitor-management-system-react's People

Contributors

sanjeev662 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.