Click here to watch my app portfolio video.
React Native Frontend Developer (Figma to React Native + API Integration). Mobile application designed exclusively for company employees to manage attendance, leave requests, expenses, events, and payroll information in one secure platform. Accessible only via company-provided User ID and password, the app streamlines HR and administrative interactions while ensuring data privacy.
Converted Figma designs into a fully functional React Native application, integrating Laravel-based APIs (provided via Postman) for backend communication. Implemented Firebase for push notifications and real-time updates. Designed intuitive navigation and feature layouts tailored for internal company use.
Key Features:
-
Secure Login – Company-issued credentials for access
-
Attendance Management – View, mark, and track attendance records
-
Leave Management – Apply for and monitor leave requests
-
Expense Tracking – Submit and review expense claims
-
Event Management – View upcoming company events and scan event tickets via QR code
-
Payroll Access – View salary details and payslips
-
Notifications – Real-time company announcements and alerts via Firebase
-
Settings & Support – Manage profile, change password, and access help resources
Tech Stack:
-
Frontend: React Native
-
Backend: Laravel APIs
-
Notifications: Firebase
-
Design Source: Figma
Results Achieved:
-
Delivered a secure, user-friendly employee self-service app
-
Improved internal communication with real-time notifications
-
Streamlined HR workflows for attendance, leave, and payroll management
-
Enabled efficient event ticketing with in-app QR code scanning