🚕 GoTaxi – ReactJS Taxi Booking Web App

GoTaxi is a modern, responsive taxi-booking web application built using ReactJS and Tailwind CSS.
It lets users quickly book safe and affordable rides through a clean and intuitive interface, offers dynamic ride selection, real-time trip details, and a polished UI

---

📌 Features

🎨 Frontend (ReactJS + TailwindCSS)

• Fully responsive design (desktop + mobile)
• Sidebar navigation (collapsible)
• Clean yellow/black taxi-themed UI
• Smooth hover and transition effects
• Modular React components:
  • Navbar
  • Footer
  • Menu

📄 Pages Included

• Home – Hero section, features, CTA buttons

• About – Service introduction

• Contact – Contact form with state handling

• Services – List of available taxi services

• Offers – Displays special offers (dynamic card generation)

• Booking

  • Ride type selection
  • Date, time, passenger input
  • Dynamic state update
    

• Drivers - List of Taxi Drivers with their own card

🛠️ Technologies Used

Tech	Purpose
ReactJS	Main frontend framework
Tailwind CSS	Styling
JavaScript (ES6+)	Logic and interactivity

---

📁 Project Structure

GoTaxi/
├── public/
├── src/
│ ├── Assets/
│ ├── Components/
│ │ ├── Menu.jsx
│ │ ├── Navbar.jsx
│ │ ├── Footer.jsx
│ ├── Pages/
│ │ ├── Home.jsx
│ │ ├── About.jsx
│ │ ├── Booking.jsx
│ │ ├── Contact.jsx
│ │ ├── Drivers.jsx
│ │ ├── Offers.jsx
│ │ ├── Services.jsx
│ ├── App.js
│ ├── index.js
├── package.json
├── tailwind.config.js
├── README.md

🚀 Setup & Run Locally

1️⃣ Prerequisites

• Node.js (LTS version recommended)
• npm (comes with Node)

Check versions:

node -v
npm -v

2️⃣ Clone the repository

git clone https://github.com/Hadi170/GoTaxi.git
cd GoTaxi

3️⃣ Install dependencies

npm install

4️⃣ Start the development server

npm start

The app will be available at: http://localhost:3000