Leta-Kasahun/bondex_frontend

Bondex Frontend is a modern Next.js CRM interface developed as part of a full-stack web application. Built with TypeScript, Tailwind CSS, Zustand, Axios, Zod validation, and shadcn/ui, it supports multilingual UX (English & Amharic) and integrates seamlessly with the Bondex backend # bondex_frontend Bondex Frontend is a modern Next.js CRM interface developed as part of a full-stack web application. Built with TypeScript, Tailwind CSS, Zustand, Axios, Zod validation, and shadcn/ui, it supports multilingual UX (English & Amharic) and integrates seamlessly with the Bondex backend ## 🎥 Demo Video ```bash bondex_frontend/ │ ├── src/ │ ├── app/ # Next.js App Router - handles routing and page layouts only, no business logic │ │ ├── (auth)/ # Route group for authentication pages (login, register, forgot password) - no sidebar │ │ │ ├── layout.tsx # Centered form layout for auth pages │ │ │ ├── login/ # Login page route │ │ │ │ └── page.tsx # User login page component │ │ │ ├── register/ # Registration page route │ │ │ │ └── page.tsx # New user registration page │ │ │ └── forgot-password/ # Password reset request route │ │ │ └── page.tsx # Forgot password page component │ │ │ │ │ ├── (dashboard)/ # Protected route group for authenticated CRM features - includes sidebar and navbar │ │ │ ├── layout.tsx # Dashboard layout with Sidebar and Navbar │ │ │ ├── dashboard/ # Main overview page │ │ │ │ └── page.tsx # Dashboard home with stats and charts │ │ │ ├── leads/ # Lead management section │ │ │ │ ├── page.tsx # List of all leads with filters │ │ │ │ └── [id]/ # Dynamic route for individual lead │ │ │ │ └── page.tsx # Lead detail page with notes and replies │ │ │ ├── deals/ # Deal pipeline section │ │ │ │ └── page.tsx # Kanban board for deal stages │ │ │ ├── notific …