ProConnect is a modern, high-performance marketplace platform designed to connect service providers (Sellers) with service seekers (Clients).
It is built with Next.js 16 (App Router), TypeScript, Tailwind CSS, and features role-based modular architecture, ensuring a smooth and optimized experience for Admins, Sellers, and Clients.
This project emphasizes scalability, responsiveness, and maintainability, making it ideal for real-world marketplaces.
| π Name | Type | Link |
|---|---|---|
| π Live Application | Frontend Deployment | Frontend Demo |
| β‘ Backend API | Deployment | Backend Demo |
| π» Frontend Source | GitHub | Frontend Repo |
| π§ Backend Source | GitHub | Backend Repo |
| Icon | Tech | Version | Description |
|---|---|---|---|
| β‘ | Next.js & React | 16.0.7 | SSR, modern React features |
| π¦ | TypeScript | 5.9.3 | Type safety & reliability |
| π¨ | Tailwind CSS | 4.1.17 | Responsive, utility-first design |
| 𧩠| Shadcn/ui & Radix UI | Latest | Modular, accessible components |
| π‘ | Axios | 1.13.2 | API requests |
| β | Zod | 4.1.13 | Runtime validation & schemas |
| π | Recharts & Lucide React | Latest | Charts & icons |
| ποΈ | Framer Motion | 12.23.25 | Animations & transitions |
| π | Sonner & SweetAlert2 | Latest | Notifications & alerts |
- π Homepage (
/): Hero, Features, Stats, Testimonials, CTA - π Service Browsing:
/services,/services/[id] - π Auth Flow: Login, Registration, Forget/Reset Password
- π³ Payment Status:
/payment/success,/payment/fail,/payment/cancel
| Icon | Role | Dashboard | Features |
|---|---|---|---|
| π | Admin | /admin/dashboard |
Users/Sellers/Admins management, Analytics, Transactions, Reports |
| π οΈ | Seller | /seller/dashboard |
Service CRUD, Earnings, Payment History, Reviews |
| π | Client | /client/dashboard |
Track orders, Transaction history, Reviews |
| π | General | /my-profile, /change-password |
Profile management, Change password |
- π° Wallet & Withdrawal management
- β Review & Rating system
- π Analytics & Dashboard charts
- π‘οΈ JWT authentication & Role-based access
src/
βββ app/ # Next.js App Router
β βββ (commonLayout)/ # Public & Auth pages
β βββ (dashboardLayout)/ # Role-based dashboards
β βββ api/ # API routes
β βββ globals.css # Global styles
βββ assets/ # Icons, Images, Static media
βββ components/ # UI Components (auth, modules, shared, ui)
βββ hooks/ # Custom React hooks
βββ lib/ # Utilities & helpers
βββ services/ # API calls
βββ types/ # TS interfaces
βββ zod/ # Validation schemas
- Node.js v18+
- pnpm or npm
git clone https://github.com/arman-miaa/ProConnect-Frontend.git
cd ProConnect-Frontend
pnpm installNEXT_PUBLIC_API_BASE_URL="https://pro-connect-backend.vercel.app/api/v1"pnpm run dev
Access: http://localhost:3000
- Fork & branch:
git checkout -b feature/my-feature - Commit:
git commit -m 'feat: Add feature' - Push & PR:
git push origin feature/my-feature
Arman Mia β GitHub
ISC License β See LICENSE file