Skip to content

Angular 13 MEAN App - An Electronic Visitor register App for storing Host & Guest Records

License

Notifications You must be signed in to change notification settings

AmitXShukla/Visitor-Management-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

- If you like this project, please consider giving it a star (*) and follow me at GitHub & YouTube.

Visitor Management App

An Electronic Visitor register App for storing Host & Guest Records, Picture Attendance with GPS Locations

Objective

Store all visitor & host records electronically.
1. Paperless Records for Visitors and Host
2. Save Visits with Pictures and GPS Locations
3. Online and/or Offline App
4. One App for multiple platforms (iOS, Android, Desktop, Cloud etc.)
5. Unlimited Storage (only limited to server/database hosting).
6. Store and Access millions of records instantly.
7. Paperless and Mobile on-premise App.
8. Instant access to ALL guest/host historical records at guest check-in.
9. No Thumb expressions or card punching to verify identify.
10. Auto Face Recognition (Pro version only).

send an email to [email protected] for Pro version enquiries.

Tools: 

front-end: Angular 13, HTML CSS JS & Bootstrap
back-end: MONGODB (free)
Pro Version: MYSQL/PostGre/Oracle/MS SQL, CouchDB, Firebase
middleware: JWT, CORS, NodeJS, Express etc.

Let's get started :-

Front end :-

At first, We are going to work on a static website using HTML, CSS and Bootstrap.
We are going to use part of this website in our Angular App.
If you are using VisualCode editor, please install a live-server extension.
Otherwise, you can use any webserver to host your website.
Now, let's create index.html, login.html, signup.html, aboutus.html, dashboard.html, reports.html and settings.html and host this to your webserver.
At this point, we only want to make sure that individual html pages work fine only, these pages don't need to be connected or have any business logic because we are going to write all business, routing and other logic in Angular 13.

Before we start, Please make sure you have latest version of node js installed.
Let's head out to https://nodejs.org/en/ and grab latest nodejs.
Once you have nodejs installed, open command prompt/terminal window.
$ node -v // make sure, this command comes back with a node version
$ npm -v // make sure, this command comes back with a npm version

$ npm install -g @angular/cli
$ mkdir app
$ cd app
$ mkdir client
$ mkdir server
$ cd client
$ ng new GPS-Mobile-Tracker
$ cd GPS-Mobile-Tracker
$ ng serve

Back end :-

$ cd server
$ npm init
$ npm install --save nodemon cors express dotenv jsonwebtoken mongoose [email protected] body-parser
$ nodemon app