RideWave UI Simulation

# RideWave UI Simulation

UI simulation and interactive prototype for the RideWave mobility platform — an urban ride-hailing experience designed for African cities. This project demonstrates the user flow, interface design, and mobile interaction patterns of the RideWave ecosystem.

## Features

- **Onboarding Flow** — Splash screens, phone verification, and profile setup
- **Ride Booking** — Map-based pickup/dropoff selection with live route preview
- **Driver Matching** — Real-time driver tracking and ETA display
- **Ride Tracker** — Turn-by-turn navigation status and fare updates
- **Payment Integration** — In-app wallet, card top-up, and trip history
- **Rating System** — Post-ride driver and passenger ratings with feedback
- **Ride History** — Past trips with receipts, routes, and payment details
- **Profile Management** — User settings, preferences, and saved locations

## Built With

- **React** — UI framework
- **Tailwind CSS** — Styling and responsive design
- **Framer Motion** — Animations and transitions
- **React Leaflet** — Map rendering

## Getting Started

```bash
git clone https://github.com/Raphasha27/ridewave-ui-simulation.git
cd ridewave-ui-simulation
npm install
npm run dev
```

## Project Structure

```
src/
  components/    -- Reusable UI components (Map, RideCard, PaymentSheet, etc.)
  pages/         -- Screen views (Home, Booking, Tracking, Profile)
  assets/        -- Icons, images, and static resources
  styles/        -- Global CSS and Tailwind config
```

## Purpose

This simulation was built to validate the RideWave concept before full-scale development. It explores the intersection of mobility, affordability, and accessibility in under-served urban transit markets across Africa.

## License

MIT

## Product Ladder

```
GitHub (this repo)
    ↓
Portfolio → https://raphasha27.github.io/raphasha-dev-portfolio
    ↓
Case Study → (coming soon)
    ↓
Live Demo → https://github.com/Raphasha27/ridewave-ui-simulation
    ↓
Contact → https://github.com/Raphasha27
```

Part of the [Kirov Dynamics](https://github.com/Raphasha27/kirov-dynamics) ecosystem.

**Built by Koketso Raphasha — Practical AI for Africa**