⚡ ZapShift | Smart Delivery & Task Management Platform

ZapShift is a modern and responsive delivery & task management web application built with React.js and Vite. The platform helps users manage deliveries, track locations, and interact with a smooth and modern interface.

This project focuses on performance, scalability, and a premium user experience.

---

🌐 Live Demo

🔗 Live Site: https://your-zapshift-live-link.com 🔗 Client Repository: https://github.com/your-username/zap-shift-client

---

🚀 Key Features

• ⚡ Fast Performance with Vite – Lightning fast development and build system.
• 🔐 Firebase Authentication – Secure login and user authentication.
• 📦 Delivery / Task Management – Users can manage tasks and delivery workflow easily.
• 🗺️ Interactive Map Integration – Location-based features using Leaflet & React Leaflet.
• 📊 Server State Management – Efficient data fetching using React Query.
• ✨ Smooth Animations – Interactive UI powered by Framer Motion.
• 🔔 Real-time Notifications – Alerts and notifications using React Toastify & SweetAlert2.
• 📱 Fully Responsive Design – Optimized for Mobile, Tablet, and Desktop devices.

---

🛠️ Technology Stack

Frontend

• React 19
• Vite
• React Router

Styling

• Tailwind CSS
• DaisyUI

Backend & Authentication

• Firebase
• Firebase Admin

Data & API

• Axios
• TanStack React Query

UI Libraries

• Lucide React
• React Icons
• Swiper
• React Responsive Carousel
• React Spinners

Map Integration

• Leaflet
• React Leaflet

---

📦 Major Dependencies

• react
• react-dom
• react-router
• firebase
• firebase-admin
• axios
• @tanstack/react-query
• framer-motion
• leaflet
• react-leaflet
• react-hook-form
• react-icons
• react-toastify
• sweetalert2
• swiper
• react-responsive-carousel

---

💻 Local Setup & Installation

Follow these steps to run the project locally.

1️⃣ Clone the Repository

git clone https://github.com/your-username/zap-shift-client.git

2️⃣ Navigate to the Project Folder

cd zap-shift-client

3️⃣ Install Dependencies

npm install

4️⃣ Run the Development Server

npm run dev

Now open your browser and visit:

http://localhost:5173

---

📁 Project Structure

src
 ┣ components
 ┣ pages
 ┣ hooks
 ┣ routes
 ┣ assets
 ┣ context
 ┣ utils
 ┗ main.jsx

---

📬 Let's Connect

If you have any questions or want to collaborate on a project, feel free to reach out.

📧 Email: programmarsabbir@gmail.com 📱 WhatsApp: +8801619408991 💼 LinkedIn: Visit My Linkdin Account 🌐 Portfolio: Visit My Portfolio

---

⚙️ Backend Repository: Vist ZapShift Backend