Adnan Shafi
React & React Native dev — turning ideas into real apps.
New to Contra
Adnan is ready for their next project!
Developed a full responsive homepage for a software development company, featuring a dark, tech-forward aesthetic with an animated matrix-style background. Built a sticky navigation bar, smooth scroll-to-top functionality, and a "Get A Quote" CTA integrated with lead capture. Focused on strong visual branding to reflect the company's software/tech identity.
Tech: React, Custom Animations, Responsive Design
0
11
RideServe — Account Selection Screen
Frontend: React, Tailwind CSS or styled-components (gradient background, card UI)
Icons: Lucide-react or React Icons (for the customer/driver icons)
Routing: React Router (navigating to customer vs driver flow)
Tools: Figma, Vite/CRA for bundling
1
20
Built the full-stack front-facing website for a ride-sharing service, including a carousel-based hero section, authentication dropdown (login/account), and WhatsApp chat integration for customer support. Designed with a clean, approachable light-blue theme and illustrated graphics to communicate trust and ease-of-use for urban commuters.
Tech: React, Full-stack Integration, Carousel/Slider Components, Third-party Chat Integration
1
27
Identity Verification (KYC) Flow — Mobile App UI
Built a multi-step identity verification screen for a gig-economy/driver onboarding app using React. Designed a clean, progress-tracked flow (2/6 steps shown) guiding users through Phone, Email, CNIC/ID Card, Police Verification, LinkedIn OAuth, and Bank Card verification. Implemented state management for step completion status, conditional "Start/Done" button states, and a smooth card-based layout optimized for mobile UX.
Tech: React, React Native/Responsive CSS, State Management, OAuth Integration
2. RideServe — Account Type Selection Screen
Designed and developed the entry-point UI for a ride-hailing platform where users choose between Customer and Driver account types. Built with a modern gradient design, animated card interactions, and clear value-proposition checklists for each user type. Focused on conversion-optimized onboarding with intuitive navigation to role-based sign-up flows.
Tech: React, Tailwind CSS, Component-based Architecture
3. Al-Raheem Technologies — Corporate Website
Developed a full responsive homepage for a software development company, featuring a dark, tech-forward aesthetic with an animated matrix-style background. Built a sticky navigation bar, smooth scroll-to-top functionality, and a "Get A Quote" CTA integrated with lead capture. Focused on strong visual branding to reflect the company's software/tech identity.
Tech: React, Custom Animations, Responsive Design
4. Ride and Serve — Ride-Sharing Platform Website
Built the full-stack front-facing website for a ride-sharing service, including a carousel-based hero section, authentication dropdown (login/account), and WhatsApp chat integration for customer support. Designed with a clean, approachable light-blue theme and illustrated graphics to communicate trust and ease-of-use for urban commuters.
Tech: React, Full-stack Integration, Carousel/Slider Components, Third-party Chat Integration
0
21