Project Overview
Yoga Experience Africa (YEA) is a community-driven platform that connects users with top yoga instructors across Africa, offering live sessions, wellness programs, and event management. As the Frontend Developer, I was responsible for building an intuitive user interface and seamless payment experience for users to book sessions and access wellness resources.
My Contribution
Tech Stack:
TypeScriptNext.jsRedux ToolkitReact HooksTailwind CSSGit & GitHub(CI/CD)PerformanceHTML5CSS3Web AccessibilityAgileSSRIntegration TestingReact ChartStartbutton APIIP Geolocation AP
🧑💻Key Features I Built
1. User Authentication and Account Setup
- ⚪ Implemented secure user authentication with Firebase Auth.
- ⚪ Built a custom onboarding flow for users and instructors.
2. Event and Session Booking System
- ⚪ Developed a real-time booking system for yoga sessions and wellness events.
- ⚪ Integrated calendar view for upcoming sessions.
3. Payment Integration with Startbutton
- ⚪ Integrated Startbutton payment gateway to support local currency payments (NGN, ZAR, KES).
- ⚪ Displayed user currency based on IP address for a localized experience.
4. Admin Dashboard for Instructor Management
- ⚪ Built a dashboard for instructors to manage schedules, view bookings, and earnings.
- ⚪ Integrated performance analytics to track user engagement.
5. User Profile and Wellness Tracking
- ⚪ Created user profiles to track session history and progress.
- ⚪ Implemented personalized wellness recommendations based on user preferences.
6. Mobile-Friendly UI with Tailwind CSS
- ⚪ Designed a clean, responsive UI for both web and mobile users.
- ⚪ Optimized performance with Next.js static generation and server-side rendering.
Performance Optimization
- ⚪ Optimized large data handling with server-side pagination and caching.
- ⚪ Improved page speed and SEO using Next.js Server-Side Rendering (SSR) and Static Generation (SSG).
Business Impact
- ✅ Increased session bookings by 70% through seamless booking flow.
- ✅ Improved user retention by 40% with personalized wellness tracking.
- ✅ Enhanced payment success rate by 60% with local currency support.