Frontend Case Study:
Yoga Experience Africa (YEA)

project-imageproject-image

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.