A modern, high-performance laundry service management system built with React 19 and Vite. This application provides a seamless experience for both customers and administrators to track and manage laundry orders.
- Modern Landing Page: High-conversion landing page for guest users.
- Order Tracking: Real-time tracking of laundry orders.
- Service Browsing: Elegant display of available services and pricing.
- Profile Management: Manage user settings and delivery addresses.
- Dashboard: Centralized view of current and past orders.
- Secure Login/Signup: Robust user authentication with Axios-based API communication.
- Protected Routes: Ensuring data privacy for logged-in users.
- Admin Access: Role-based access control for management features.
- Comprehensive Dashboard: Overview of all system activities and order statistics.
- Order Management: Update status and manage pending laundry tasks.
- User Insights: Manage and view customer information.
- Real-time Updates: Live notifications and order status changes using Laravel Echo and Pusher.
- Modern Styling: Styled with Tailwind CSS v4 for a premium, responsive look.
- Optimized Data Fetching: Efficient state management and caching using TanStack React Query v5.
- Responsive Design: Mobile-first approach for all screens.
- Core: React 19, Vite
- Routing: React Router v7
- Styling: Tailwind CSS v4
- State Management: TanStack React Query v5
- Icons: Lucide React
- Real-time: Laravel Echo, Pusher JS
- HTTP Client: Axios
- Node.js (v18.0 or higher recommended)
- NPM or Yarn
- Access to the corresponding Laravel Backend API
-
Clone the repository:
git clone https://github.com/Shoaib3375/LaundryFrontEnd.git cd LaundryFrontEnd -
Install dependencies:
npm install
-
Configure Environment Variables: Create a
.envfile in the root directory and add your API and Pusher credentials:VITE_API_BASE_URL=http://your-backend-api.com/api VITE_PUSHER_APP_KEY=your-pusher-key VITE_PUSHER_APP_CLUSTER=ap2
-
Start the development server:
npm run dev
npm run dev: Starts the development server with HMR.npm run build: Bundles the application for production.npm run lint: Runs ESLint to check for code quality issues.npm run preview: Previews the production-ready build locally.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Developed with ❤️ by Shoaib