Command Palette

Search for a command to run...

Back to Projects
Gatex
CompletedReact NativeNativeWindSupabase+1 more

Gatex

A security management app for residential communities to track visitor entries, approve guests, and maintain digital security logs.

Timeline

October 2024

Role

Full Stack Developer

Team

Solo

Status
Completed

Technology Stack

React Native
NativeWind
Supabase
TypeScript

Key Challenges

  • QR code generation and scanning reliability
  • Real-time notifications for residents
  • Offline support for security guards in low connectivity areas

Key Learnings

  • Implementing QR code libraries in React Native
  • Optimizing offline-first architecture with Supabase
  • Building intuitive interfaces for non-technical users (guards)

Gatex: Smart Community Security

Overview

Gatex is a modern security management solution for residential complexes and gated communities. It replaces traditional paper logs with a digital system that enhances security and convenience. Residents can pre-approve guests, receive entry notifications, and communicate directly with the security gate.

Key Features

  • Visitor Management: Log visitor details, including photos and vehicle numbers.
  • Pre-Approval: Residents can generate QR codes for guests for seamless entry.
  • Digital Logs: Searchable history of all entries and exits.
  • Notifications: Instant alerts to residents when a visitor arrives.
  • Guard App: Simplified interface for security personnel to scan codes and log entries.

Technical Architecture

Frontend

React Native powers the mobile application for both residents and security guards. NativeWind allows for rapid UI development consistent with the project's design system. TypeScript ensures code quality and maintainability.

Backend

Supabase provides the backend infrastructure:

  • Authentication: Secure login for residents and guards.
  • Database: Real-time database for syncing visitor logs and approvals.
  • Storage: Securely storing visitor photos.

Challenges & Solutions

QR Code Scanning

Challenge: Ensuring quick and reliable QR code scanning under various lighting conditions at the gate. Solution: Integrated a high-performance camera library and optimized the scanning logic for speed and accuracy.

Connectivity

Challenge: Security gates often have poor internet connectivity. Solution: Implemented offline support where logs are stored locally and synced with the server once connectivity is restored.

Future Plans

  • License Plate Recognition: Automated entry for registered vehicles.
  • Amenity Booking: Allow residents to book clubhouse facilities through the app.

Design & Developed by Yugha S