🌾FarmX - Clean Architecture Folder Structure FarmX is a modern application designed usingClean Architecture principles, ensuringscalability, maintainability, and separation of concerns . The project is divided into:
📌Frontend: Built withAngular , usingNgRx for state management. 📌Backend: Powered byNode.js + Express.js , following a structured Clean Architecture approach. 📂Project Folder Structure The frontend followsAngular best practices , emphasizing modularity, reusable components, and state management withNgRx .
📂Frontend Folder Structure farmx-frontend/├── src/│ ├── app/│ │ ├── core/ # Core module│ │ │ ├── auth/ # Authentication services and guards│ │ │ │ ├── auth.service.ts # Auth service│ │ │ │ ├── auth.guard.ts # Auth guard│ │ │ │ ├── auth.interceptor.ts # Auth interceptor│ │ │ │ ├── otp.service.ts # OTP service│ │ │ │ └── google.auth.service.ts # Google Auth service│ │ │ ├── services/ # Core services│ │ │ │ ├── api.service.ts # API service│ │ │ │ ├── notification.service.ts # Notification service│ │ │ │ └── role.service.ts # Role service│ │ │ └── models/ # Core models│ │ │ ├── user.model.ts # User model│ │ │ ├── role.model.ts # Role model│ │ │ └── otp.model.ts # OTP model│ │ ││ │ ├── modules/ # Feature modules│ │ │ ├── auth/ # Authentication module│ │ │ │ ├── login/ # Login component│ │ │ │ ├── register/ # Register component│ │ │ │ ├── forgot-password/ # Forgot password component│ │ │ │ └── otp-verification/ # OTP verification component│ │ │ ├── user/ # User management module│ │ │ │ ├── profile/ # Profile management component│ │ │ │ ├── settings/ # Settings management component│ │ │ │ └── role-management/ # Role management component│ │ │ ├── article/ # Article management module│ │ │ ├── event/ # Event management module│ │ │ ├── course/ # Course management module│ │ │ ├── certificate/ # Certificate management module│ │ │ ├── chat/ # Chat management module│ │ │ ├── community/ # Community management module│ │ │ └── admin/ # Admin management module│ │ ││ │ ├── shared/ # Shared components and utilities│ │ │ ├── components/ # Reusable components│ │ │ ├── directives/ # Custom directives│ │ │ ├── pipes/ # Custom pipes│ │ │ └── models/ # Shared models│ │ ││ │ ├── state/ # NgRx state management│ │ │ ├── auth/ # Auth state│ │ │ ├── user/ # User state│ │ │ ├── article/ # Article state│ │ │ ├── event/ # Event state│ │ │ ├── course/ # Course state│ │ │ ├── certificate/ # Certificate state│ │ │ ├── chat/ # Chat state│ │ │ ├── community/ # Community state│ │ │ └── admin/ # Admin state│ │ ││ │ ├── assets/ # Static assets│ │ ├── styles/ # Global styles│ │ │ ├── tailwind.css # Tailwind CSS│ │ │ └── global.scss # Global SASS styles│ │ ││ │ ├── app.component.ts # Root component│ │ ├── app.module.ts # Root module│ │ ├── app-routing.module.ts # Root routing│ │ └── app.config.ts # App-wide configuration│ ││ ├── environments/ # Environment configurations│ │ ├── environment.ts # Development environment│ │ └── environment.prod.ts # Production environment│ ││ ├── index.html # Main HTML file│ ├── main.ts # Entry point│ └── styles.scss # Global styles│├── .eslintrc.js # ESLint configuration├── .prettierrc # Prettier configuration├── angular.json # Angular CLI configuration├── package.json # Frontend dependencies├── tailwind.config.js # Tailwind CSS configuration└── README.md # Project documentation🚀Key Features Implementation ✅Authentication & Authorization
JWT for securetoken-based authentication . OAuth2 forGoogle login integration . Role-Based Access Control (RBAC) for managing user permissions.✅Real-Time Services
WebSockets for live chat and notifications.✅Performance Optimization
Redis caching for high-frequency data.Elasticsearch for advanced search & filtering.✅Integrations
Payment Gateway for secure transactions.Calendar API for event scheduling.✅State Management
NgRx for centralized, predictable state management.✅Styling & UI
Tailwind CSS +SASS for flexible, utility-first styling.Reusable component library for consistency across UI.Dynamic UI rendering based onuser roles .✅Offline & PWA
Angular PWA foroffline functionality and better performance.