ZipShift Parcel (Frontend)

This is the frontend application for ZipShift Parcel, a modern delivery management platform built with React and Vite. It offers a seamless user experience for managing parcels, tracking deliveries, and handling payments.

🚀 Tech Stack

• Framework: React with Vite
• Styling: Tailwind CSS v4 & DaisyUI
• State Management: Zustand
• Data Fetching: TanStack Query (React Query)
• Authentication: Firebase
• Routing: React Router v7
• Payments: Stripe
• Visuals: Framer Motion (Animations), Recharts (Charts)

🛠️ Installation & Setup

1. Clone the repository (if not already done).
2. Navigate to the frontend directory:

   cd ZipShift-Parcel

3. Install dependencies:

   npm install

4. Set up Environment Variables: Create a .env file in the root of the ZipShift-Parcel directory. You will need to add your Firebase configuration, Stripe public key, and backend URL. Example:

   VITE_API_URL=http://localhost:5000
   VITE_FIREBASE_API_KEY=...
   VITE_STRIPE_PUBLIC_KEY=...

🏃‍♂️ Running the App

To start the development server:

npm run dev

The app will typically run at http://localhost:5173.

📦 Building for Production

To create a production build:

npm run build

To preview the production build:

npm run preview

📂 Project Structure

• src/components: Reusable UI components.
• src/pages: Main application pages.
• src/hooks: Custom React hooks.
• src/store: Zustand store definitions.
• src/utils: Helper functions and configurations (e.g., Firebase).