NutriBox Client

NutriBox is a meal planning and delivery web application that enables users to customize meal plans, schedule deliveries, and manage orders seamlessly.

🌍 Live Demo

Client Site: Visit NutriBox

Server Site: Visit NutriBox Api

---

Features

Secure User Authentication:

• Custom login system for customers and meal providers using email or phone number and password.
• Secure authentication powered by JWT (JSON Web Tokens) for safe user sessions.
• Strong password encryption for enhanced security.

Personalized Dashboards:

• Customer Dashboard: Manage meal, track orders, and update dietary preferences.
• Meal Provider Dashboard: Oversee meal menus, handle customer orders, and coordinate deliveries efficiently.

Meal Customization & Preferences:

• Customers can personalize meal plans and filter meals based on dietary needs (vegan, keto, gluten-free, etc.).
• Meal providers can create and manage meal listings, detailing ingredients, portion sizes, and pricing.

Smart Search & Matching:

• Customers can discover meals using filters like cuisine, dietary preference, customer ratings, and availability.
• Meal providers can analyze customer preferences to optimize meal offerings and streamline order fulfillment.

Role-Based Access Control:

• Tailored access for customers and meal providers, ensuring secure and relevant feature visibility.

Dynamic CRUD Operations:

• Customers can create, modify, and manage meal plans and preferences effortlessly.
• Meal providers can track and fulfill customer meal requests with real-time updates.

Technologies Used

• Next.js 15 - React-based framework
• React 19 - Frontend library
• Redux - Cart handaling
• ShurjoPay - Payment Intregation
• TailwindCSS 4 - Utility-first CSS framework
• Radix UI - Accessible UI components
• Lucide-react - Icon library
• React Hook Form - Form handling
• Zod - Schema validation
• Recharts - Data visualization
• Embla-carousel-react - Smooth carousels
• React Google Recaptcha - Security enhancement
• Sonner - Toast notifications

Branding

Primary Color: oklch(0.45 0.3 150);

Installation & Setup

1. Clone the repository:

   git clone https://github.com/subirdas29/nutribox-client
   cd nutribox-client

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

Contribution

Contributions are welcome! Feel free to open an issue or submit a pull request.

License

This project is licensed under the ISC License.