Click here to watch my app portfolio video.
React Native Frontend Developer — Developed the Gymshark – Training & Fitness App from a provided Figma design, implementing a seamless, high-performance mobile experience for fitness enthusiasts. Collaborated with backend developers to integrate Node.js/Express APIs and Firebase services for authentication, real-time data, and notifications.
This project involved transforming a detailed Figma design into a fully functional cross-platform mobile application using React Native. The app enables Gymshark users to browse and follow workout plans, track progress, watch instructional videos, and manage their personal fitness journey. I was responsible for building the entire front-end architecture and ensuring it was fully aligned with the provided UI/UX specifications.
My work included developing pixel-perfect screens from Figma, implementing smooth navigation with React Navigation, creating reusable UI components, and integrating animations for a polished user experience. I also set up secure Firebase Authentication, real-time Firestore database integration, and push notifications. API communication with the Node.js/Express backend was optimized for performance and scalability.
Tech Stack Used:
-
Frontend: React Native CLI
-
Backend: Node.js, Express.js
-
Database & Auth: Firebase Authentication, Firestore, Firebase Cloud Messaging
-
Design Source: Figma
-
Other Integrations: Video player modules, analytics tracking, REST API integration
Results Achieved:
-
Delivered a cross-platform iOS and Android app with a smooth, native-like user experience
-
Achieved 100% design accuracy from Figma mockups
-
Integrated real-time workout tracking and video playback
-
Enabled push notifications for workout reminders and updates
-
Significantly improved app load times and reduced API response latency
This was a collaborative project where I handled the entire React Native front-end, worked closely with the backend team, and ensured the app met Gymshark’s high performance and design standards.