Visitor Management System 🌟

View Report

Welcome to the Visitor Management System! This project is designed to efficiently manage visitors using modern web technologies like Angular, Node.js, TypeScript, MongoDB, and RESTful APIs. The system also includes payment services for enhanced functionalities.

🚀 Features

• Real-time Visitor Tracking: Keep track of visitors in real-time.
• Secure Payments: Integrated payment services for premium features.
• Responsive Design: Mobile-friendly interface.
• Comprehensive Dashboard: Overview of visitor statistics.
• Easy Integration: Simple API for integrating with other systems.
• Text Extraction: Extract text content from visitor inputs.

🛠️ Technologies Used

• Frontend:
• Backend:
• Database:
• API: RESTful services
• Payments: Integrated GPay component

📸 Screenshots

Add new visitor View all visitors

📋 Prerequisites

• Node.js & npm: Download and Install
• MongoDB: Download and Install

📦 Installation

1. Clone the repository

   git clone https://github.com/GiridharanS1729/Visitor_Management_System.git
   cd Visitor_Management_System

2. Install dependencies for the frontend

   npm install

3. Install dependencies for the backend

   cd src/server
   npm install

🚀 Running the Application

Running the Backend

1. Open Terminal 1

2. Navigate to the backend folder

   cd Visitor_Management_System/backend/server

3. Run the backend server

   npm start

   The backend server will be available at http://localhost:4201

Running the Frontend

1. Open Terminal 2

2. Navigate to the root project directory

   cd Visitor_Management_System

3. Run the frontend server

   npm start

   The frontend application will be available at http://localhost:4200

🚦 How to Use

1. Register an Account: Sign up as an admin to manage visitors.
2. Login: Log in using your credentials to access the main page.
3. Add Visitors: Add visitor details through the dashboard.
4. Extract Text Content: Use the text extraction feature to capture visitor details.
5. Track Visitors: Monitor the entry and exit of visitors in real-time.
6. CRUD Operations: Perform Create, Read, Update, and Delete operations on visitor data using the integrated API.
7. Payment: Users can pay using the integrated Pay component for any premium features or by using GPay QR Code.

🤝 Contributing

We welcome contributions! Please read our CONTRIBUTING.md for guidelines on how to contribute to the project.

📫 Contact

For any inquiries or issues, please contact us at:

• Email: [email protected]
• Twitter: @GiridharanS1729
• LinkedIn: @giridharans1729

📜 License

This project is licensed under the MIT License. See the LICENSE file for more details.

---

Made with ❤️ by Giridharan S