Mask Aware Face Attendance App built using Flutter

Overview

Face Attendance

An App Made with Face SDK

cover_image

record.mp4

Before we get started

  • 👉 For now, Our app does support only Android platform (arm64).

  • 👉 You will need a new AAR Library if you are creating this app on your own or changing the package name.

  • 🚀 If you are looking the code in a code editor.You can hover over it to see the info of a particular function or classes. 👇 hovering_over_functions

  • 🙋🏽‍♂️ We are improving the codebase and trying to make it better,but you may see some legacy codes. 🔥

  • It would be super awesome 😍 if you install flutter and dart extension on your code editor if available.

  • You need to generate your google map api key and firebase account if you are developing this on your own. 🙋🏽‍♂️

  • If you face any problem contact us here ✌️

Getting Started

  • Step-0: Make sure you install flutter and androidstudio

  • Step-1: Clone This Project to your local device With this link

  • Step-2: If you want to change the package name of this app run this command:
    "flutter pub run change_app_package_name:main com.new.package.name"

    remember you need to generate a new AAR 👆

  • Step-3: For name changing go to android/app/src/main/AndroidManifest.xml and change the parameter in android:label = "yourappName"

  • Step-4: Run this command to build an apk, if you have changed the package name this command will be able to generate a apk, but it won't work
    "flutter build apk --split-per-abi"

  • Step-5: Get a Google Map SDK key from Google API [*if you want geolocatio based verification]

    • Follow the below steps [In Order]:
      map_doc_1 map_doc_2
    • Tap on Create Credintials, after creating you will see something like this. map_doc_3
    • Now add the google map api key "android/app/src/main/AndroidManifest.xml" in application tag
      <meta-data android:name="com.google.android.geo.API_KEY"
                android:value="your_google_map_api_key _here"/>
  • Step-6: Open a firebase account, create a project.

    • Create an Android App in the console with the package name of the app
      Package Name: com.example.app
    • Download the config file googles-services.json
    • Place the file in google-services.json
    • On firestore create 3 root collection: "users", "members", "spaces".
    • Now on authentication enable "Email/Password" login in sign in methods
  • Step-7: Now open a emulator or connect a device with your development machine and open the code editor of your choice and You will see a run button on the main.dart file if you have installed flutter extension on vscode. if not then go to your project root directory and run flutter run from the terminal. It will build the apk and install the app on the device or emulator.

  • Step-8: After everything has been setted up, copy and paste the code from firestore.rules to the Firebase firestore security rules. This file is included with the project.

How the data is structured:

data_1 data_2 data_3

Common Errors you can get :

  • Error_1: If you see red lines or a lot problems in the debug/problems tab, just run flutter pub get in the terminal. This happens because on initial stage your projects doesn't have reference to the cached plugin.
  • Error_2: If you see init SDK (number) error (on debugging). just uninstall and reinstall the app. it will fix the issue.
  • Error_3: If you see some weird plugin errors run this command in terminal it will reset the plugin cache.

flutter clean && flutter pub get

  • if these doesn't help you, you can always contact us with the issue information 😃 .

Features

  • Attendance management with ease
  • Get attendance with face verification
  • Fast Face Verification
  • Use it as Static device to verify multiple person
  • Add a member without in need of another app in their phone
  • Multiple Space with seperate attendance on each of them
  • Attendance filtering
  • Holiday Changing
  • Dark Mode
  • Member Login
  • Admin Login
  • Admin managment
  • Add Member with qr code
  • Join Space with qr code
  • Face Login in the app [Coming Soon]
  • Daily log and notification [Can be added with cloud functions]
  • Space Range Selection [Admin Side]
  • Geolocation based verification [Coming Soon]
  • More coming soon 🔥 😍

🙌 We are excited to see you here, thank you for taking the time to read this..

We are working hard to bring more features stay with us and follow.

We have used flutter for the UI here and We used our Super Fast Face SDK 🔥 to use verification.

You can learn more about our sdk here faceonlive.com. We always encourage people to contribute on it.

Fork it here 💙
Follow this repo ❤️

If you liked our project you can give a star to let us know. Thank you for your time. Have a great day. ❤️

You might also like...

Face detection app built with Flutter and Firebase ML Kit

Face detection app built with Flutter and Firebase ML Kit

Flutter Face Detection Flutter Face Detection with Firebase ML Kit and CustomPainter. Read the article on Medium Made with 😍 by Akora-IngDKB. Follow

Sep 29, 2022

A simple project demonstrating how to build a face filter app using Flutter and Deep AR

A simple project demonstrating how to build a face filter app using Flutter and Deep AR

flutter_deepar This is a simple project that will help you learn how to build a simple face filter app with Flutter and Deep AR You can read an articl

Jan 1, 2023

Random-Face-Generator - A Cross-Platform(Web, Android, iOS) app to Generate Faces of People (These people don't actually exist) made using Flutter

Random-Face-Generator - A Cross-Platform(Web, Android, iOS) app to Generate Faces of People (These people don't actually exist) made using Flutter

👨 👩 Flutter Random Face Generator A flutter app to generate random faces. The

Dec 25, 2022

Flutter plugin that secures your secrets in keychain using biometric authentication (Fingerprint, Touch ID, Face ID...).

Flutter plugin that secures your secrets in keychain using biometric authentication (Fingerprint, Touch ID, Face ID...).

Flutter Locker 🔒 Flutter plugin that secures your secrets in keychain using biometric authentication (Fingerprint, Touch ID, Face ID...). It uses: Lo

Nov 21, 2022

Simple face recognition authentication (Sign up + Sign in) written in Flutter using Tensorflow Lite and Firebase ML vision library.

Simple face recognition authentication (Sign up + Sign in) written in Flutter using Tensorflow Lite and Firebase ML vision library.

FaceNetAuthentication Simple face recognition authentication (Sign up + Sign in) written in Flutter using Tensorflow Lite and Google ML Kit library. S

Jan 9, 2023

Simple alarm app - An alarm with analog clock face and digital indicator in the center for flutter

Simple alarm app - An alarm with analog clock face and digital indicator in the center for flutter

simple_alarm_app A new Flutter project. Getting Started It's an alarm with analo

Mar 14, 2022

A simple project that will help you learn how to build a simple face filter app with Flutter and Deep AR

A simple project that will help you learn how to build a simple face filter app with Flutter and Deep AR

flutter_deepar This is a simple project that will help you learn how to build a simple face filter app with Flutter and Deep AR You can read an articl

Mar 11, 2022

A Flutter clock face with moving bars

A Flutter clock face with moving bars

BarBar Clock | Web demo 🏆 Listed in Honorable Mentions at flutter.dev/clock 🏆 Clock face for the Flutter Clock Challenge. This clock face shows time

Jun 29, 2022

This is my entry for the Flutter Clock Face Contest.

This is my entry for the Flutter Clock Face Contest.

Star Clock This is my entry for the Flutter Clock Face Contest. Build instructions below. TLRD: Clone with --recurse-submodules Here's a small demo vi

Oct 22, 2022
Owner
FaceOnLive
We offer fully offline, on-premise SDKs for ID Verification, Biometrics and other AI Fields.
FaceOnLive
Face Mask Detection mobile application built with Flutter and TensorFlow lite in order to detect face masks using images and live camera.

Face Mask Detector App Face Mask Detection mobile application built with Flutter and TensorFlow lite in order to detect face masks using images and li

Yousef Shaban 3 Aug 15, 2022
A group of overlapping round avatars are called face piles, a face pile is a series of overlapping avatar images that come and go as users join and leave a given group.

Flutter Face Pile A group of overlapping round avatars are called face piles. A face pile is a series of overlapping avatar images that come and go as

Amine Chamkh 3 Sep 22, 2022
Flutterbodydetection - A flutter plugin that uses MLKit on iOS/Android platforms to enable body pose and mask detection using Pose Detection and Selfie Segmentation APIs for both static images and live camera stream.

body_detection A flutter plugin that uses MLKit on iOS/Android platforms to enable body pose and mask detection using Pose Detection and Selfie Segmen

null 18 Dec 5, 2022
Target the specific design of Material for Android and Cupertino for iOS widgets through a common set of Platform aware widgets

Flutter Platform Widgets This project is an attempt to see if it is possible to create widgets that are platform aware. Currently in order to render t

null 1.3k Jan 4, 2023
Purpose of this project is to create extendable architecture of making platform aware Widgets which automatically select platform specific implementation

Old good factory Main obstacle in creating native experience on Flutter is the fact that you are asked to rebuild two layouts using platform specific

Swav Kulinski (Robotoaster) 101 Oct 14, 2022
Target the specific design of Material for Android and Cupertino for iOS widgets through a common set of Platform aware widgets

Flutter Platform Widgets This project is an attempt to see if it is possible to create widgets that are platform aware. Currently in order to render t

null 1.3k Jan 4, 2023
My flutter (android, ios) UI design examples 🎈 - user profile UIs, food order ui, splashscreen, mask widget usage, settings page ui

Flutter UI Design Examples ?? This repository contains the flutter ui designs I designed while learning. Doctor Appointment App UI Packages in use: fl

Aleyna Eser 23 Nov 14, 2022
This project is aimed to read online attendance by using QR code

Online Yoklama (Online Attandance) This project is aimed to read online attendance by using QR code. Materials ESP32 AI Thinker CAM PL2303 UART Buzzer

Emre ARIK 2 Jan 14, 2022
Attendancelist - App to add Students attendance based on roll numbers and calculate percentage.

attedance A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

null 0 Jan 1, 2022
An app made for CRs of the university to easily record the attendance of the class.

Attendance Report Generator This Flutter application is developed to aid in taking the attendance of the students on your phone and generate the repor

Rashid Wassan 14 Dec 6, 2022