Contact person: Business Client

Phone:Show

Email:Show

Location: Riyadh, Saudi Arabia

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Our security-attendance platform is already live on a solid Python Django back-end with a fully tested REST API. What I now need, above everything else, is a modern ReactJS single-page front-end to replace the current server-rendered HTML. Once the web experience is refreshed, the same codebase should power companion iOS and Android apps through React Native, and the data layer must move from SQLite to PostgreSQL with zero downtime.

Scope of work
• Build a ReactJS SPA that consumes the existing API. Core pages to re-implement and polish are the Dashboard, User Profile, Project Management, Attendance + GPS, Companies, Invoices, and the dedicated Guard/Supervisor UI.
• Fine-tune Attendance + GPS tracking; at the moment location capture sometimes drifts—behaviour must be consistent across browsers and mobile devices.
• Add a handful of new buttons/features outlined in our Figma file (I will share right after kickoff).
• Wrap the finished React components in React Native to produce App Store and Google Play builds. Push notifications and offline caching will be handled by our current back-end endpoints.
• Migrate all data to PostgreSQL. Provide the migration script and update Django settings; the API itself should require no other code changes.

Deliverables
1. Source code (Git) for the new ReactJS web app and React Native mobile apps.
2. PostgreSQL migration script with rollback instructions.
3. Build-ready iOS (.ipa) and Android (.aab) packages.
4. README covering setup, environment variables, and deployment steps.
5. A brief hand-over call/walk-through once everything is merged to main.

Acceptance criteria
• Every page listed above matches the Figma design within a 5 px tolerance and passes Lighthouse 90+ for performance and accessibility.
• Attendance + GPS logs the correct coordinates in under 3 seconds on Wi-Fi, 5 seconds on LTE.
• Data migration runs without manual intervention and preserves all foreign-key integrity.
• iOS build passes Apple App Store automated checks; Android build passes Play Console pre-launch report.

Tech stack clues: React 18, React Router, Redux Toolkit (or TanStack Query), React Native 0.72+, Expo or bare workflow, PostGIS optional, Docker for local dev.

If this fits your wheelhouse, let’s get started right away." (client-provided description)