IrchadFront is the frontend application for the Irchad platform, a smart navigation system web dashboard designed to provide role-based access and management capabilities. The platform serves three distinct user roles: Admin, Commercial, and Decideur, each with tailored interfaces and functionalities.
- 📊 Role-based dashboards (Admin, Commercial, Decideur)
- 🔐 Secure authentication system
- 🌍 Multilingual support
- 🌓 Theme switching (light/dark)
- 👤 User profile management
- ⚙️ Admin panel for system management
- 🔄 Real-time data updates
- Framework: Next.js (React)
- Styling: Tailwind CSS
- State Management: React Hooks, Context API
- Icons: Lucide-react
- API Communication: RESTful API via Axios
- Localization: i18n (multi-language support)
git clone https://github.com/IrchadX/IrchadFront.git
cd IrchadFrontnpm installNEXT_PUBLIC_API_URL="https://apigateway-production-b99d.up.railway.app/api/v1/web"
API_URL="https://apigateway-production-b99d.up.railway.app/api/v1/web"
AUTH_URL="https://apigateway-production-b99d.up.railway.app/api/v1/web"
API_GATEWAY="https://apigateway-production-b99d.up.railway.app"npm run devOpen http://localhost:3000 to view the application.
/app
/admin # Admin role pages and layouts
/commercial # Commercial role pages and layouts
/decideur # Decideur role pages and layouts
/auth # Authentication pages (login, register, etc.)
/api # API route handlers for backend communication
/components
/admin # Admin-specific components
/commercial # Commercial-specific components
/decideur # Decideur-specific components
/shared # Reusable components across all roles
/data # Static data and mock data
/providers # Context providers (Auth, Theme, etc.)
/utils # Utility functions and helpers
To test the application, you can use the following demo accounts:
- Email: lw_messikh@esi.dz
- Password: wissal123
- Email: cerise@gmail.com
- Password: cerise
- Email: lb_bouchra@esi.dz
- Password: bouchra123
- Full system management capabilities
- User management and role assignment
- System configuration and settings
- Analytics and reporting
- Client management
- Sales tracking and reporting
- Commercial analytics
- Lead management
- Executive dashboard
- Decision-making analytics
- High-level system overview
- Strategic reporting
The application connects to a deployed backend API gateway. All API endpoints are configured through environment variables, making it easy to switch between development and production environments.
This project is optimized for deployment on platforms like:
- Vercel (recommended for Next.js)
- Netlify
- Docker containers
- Any Node.js hosting environment
Note: The frontend is currently not deployed but connects to a live backend API.
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLintMake sure to set up your environment variables properly:
NEXT_PUBLIC_API_URL: Public API endpoint for client-side requestsAPI_URL: Server-side API endpointAUTH_URL: Authentication service endpointAPI_GATEWAY: Main API gateway URL
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
All contributions are welcome! Please ensure your code follows the project's style guidelines.
This project is proprietary software developed for the Irchad platform By Xceed.
For support and questions, please contact the Xceed development team or create an issue in the repository.