- If you like this project, please consider giving it a star (*) and follow me at GitHub & YouTube.
An Electronic Visitor register App for storing Host & Guest Records, Picture Attendance with GPS Locations
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.
front-end: Angular 13, HTML CSS JS & Bootstrapback-end: MONGODB (free)
Pro Version: MYSQL/PostGre/Oracle/MS SQL, CouchDB, Firebase
middleware: JWT, CORS, NodeJS, Express etc.
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
$ npm init
$ npm install --save nodemon cors express dotenv jsonwebtoken mongoose [email protected] body-parser
$ nodemon app
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent