FarMart is a premium, high-performance e-commerce frontend built with the latest Angular 21 features. It focuses on a "Minimalist Floating Glass" aesthetic, mobile-first responsiveness, and a seamless user experience.
- Modern UI/UX: minimalist design with pill-shaped components and glassmorphism effects.
- State Management: Fully powered by Angular Signals for granular reactivity and performance.
- Authentication: Secure Login/Register flow with JWT decoding and Route Guards.
- Profile Management:
- Dynamic Profile Dashboard with tabbed navigation (Query Params support).
- Secure "Change Password" flow with auto-logout.
- Advanced Address Management (Add/Delete/View) via Modal system.
- Shopping Experience:
- Real-time Cart & Wishlist management.
- Smooth Checkout process integrated with Stripe/Visa.
- Orders Tracking with expandable detail views.
- Interactive Feedback: Integrated with SweetAlert2 for confirmations and Custom Toast Service for notifications.
| Technology | Usage |
|---|---|
| Angular 21 | Core Framework (Signals, Control Flow, SSR) |
| TypeScript | Logic & Type Safety |
| Tailwind CSS | Styling & Responsive Layouts |
| FontAwesome | Iconography |
| SweetAlert2 | Premium Modals & Alerts |
| JWT Decode | Token handling & User Identity |