Overview

WI-CARPOOL is a modern, full-featured ride-sharing application built with React, TypeScript, and Tailwind CSS. It provides a comprehensive platform for both passengers and drivers to connect and share rides efficiently.

🚗 Dual User Types

Support for both passengers and drivers with dedicated dashboards and features for each user type.

💳 Payment Integration

Comprehensive payment system with wallet functionality, multiple payment methods, and transaction tracking.

📱 Progressive Web App

PWA capabilities for mobile-like experience with offline support and installable interface.

🌍 Multi-language

Internationalization support for multiple languages including English, Spanish, French, Arabic, and more.

💬 Real-time Chat

Built-in messaging system for communication between drivers and passengers.

🔒 Secure Authentication

Robust authentication system with phone verification and social login options.

Technology Stack

Frontend

  • React 18.3.1
  • TypeScript
  • Vite (Build Tool)
  • Tailwind CSS
  • Shadcn/ui Components

State Management

  • TanStack React Query
  • React Context API
  • React Router DOM

UI/UX

  • Radix UI Primitives
  • Lucide React Icons
  • Recharts for Analytics
  • React Hook Form

Development

  • ESLint for Code Quality
  • TypeScript for Type Safety
  • PostCSS for CSS Processing

Quick Start

Get up and running with WI-CARPOOL in minutes:

1. Clone the repository

# Clone from your repository
git clone https://github.com/your-username/wi-carpool-frontend.git
cd wi-carpool-frontend

2. Install dependencies

# Using npm
npm install

# Or using yarn
yarn install

# Or using pnpm
pnpm install

3. Start development server

# Start the development server
npm run dev

# Application will be available at http://localhost:8080

Next Steps