An open API service indexing awesome lists of open source software.

https://github.com/giridharans1729/vms

Efficient Visitor Management System using Angular, Node.js, MongoDB, and RESTful APIs.
https://github.com/giridharans1729/vms

angular angularjs api api-rest mongo node-js nodejs

Last synced: about 2 months ago
JSON representation

Efficient Visitor Management System using Angular, Node.js, MongoDB, and RESTful APIs.

Awesome Lists containing this project

README

          

# Visitor Management System 🌟
[View Report](/output/22ITR025_VMSReport.pdf)

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.

![Visitor Management System](/output/Screenshots/main.png)

## 🚀 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**:
![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
- **Backend**: ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
- **Database**: ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)
- **API**: RESTful services
- **Payments**: Integrated GPay component

## 📸 Screenshots

**Add new visitor**
![Dashboard Screenshot](/output/Screenshots/dash.png)
**View all visitors**
![Visitor Log](/output/Screenshots/log.png)

## 📋 Prerequisites

- Node.js & npm: [Download and Install](https://nodejs.org/)
- MongoDB: [Download and Install](https://www.mongodb.com/try/download/community)

## 📦 Installation

1. **Clone the repository**
```sh
git clone https://github.com/GiridharanS1729/VMS.git
cd VMS
```

2. **Install dependencies for the frontend**
```sh
cd client
npm install
```

3. **Install dependencies for the backend**
```sh
cd server
npm install
```

## 🚀 Running the Application

### Running the Backend

1. **Open Terminal 1**
2. **Navigate to the backend folder**
```sh
cd VMS/server
```
3. **Run the backend server**
```sh
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**
```sh
cd VMS/client
```
3. **Run the frontend server**
```sh
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](https://github.com/GiridharanS1729/VMS/blob/main/CONTRIBUTING.md) for guidelines on how to contribute to the project.

## 📫 Contact

For any inquiries or issues, please contact us at:
- **Email**: giridharans1729@gmail.com
- **Twitter**: [@GiridharanS1729](https://x.com/Giridharans1729)
- **LinkedIn**: [@giridharans1729](https://www.linkedin.com/in/giridharans1729/)

## 📜 License

This project is licensed under the MIT License. See the [LICENSE](https://github.com/GiridharanS1729/VMS/blob/main/LICENSE) file for more details.

---

Made with ❤️ by [Giridharan S](https://github.com/GiridharanS1729)

![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)