ORGANIC
Premium Organic Grocery & E-Commerce Platform
ORGANIC is an all-in-one e-commerce ecosystem tailored for healthy, organic, and farm-fresh produce distribution. It unites a high-performance Next.js 16 frontend customer storefront with a resilient Node.js Express backend API powered by MongoDB and Cloudinary. The project is structured into two modular applications: organic/: Modern Next.js 16 frontend featuring SSR/CSR hybrid rendering, NextAuth authentication, responsive Tailwind CSS v4 styling, dynamic cart system, and an administrative CMS. organic-bakend/: Robust Express.js REST API with JWT security, OAuth token verification, role-based access control (RBAC), automatic Cloudinary image optimization, and transactional email triggers.
Tech Stack
Key Features
3 Highlights- Customer Storefront (organic)1.
Interactive Homepage: Dynamic Hero banners, quick category sliders, popular deals, promotional promo blocks, and curated product carousels.
2.Product Catalog & Filters: Real-time category filtering, price range selection, multi-attribute sorting, and search functionality.
3.Detailed Product Pages: High-resolution image view, nutrition information, stock badge, pricing breakdown, and verified customer reviews with interactive star ratings.
•Cart & Seamless Checkout:
5.Global reactive cart context syncing across sessions.
6.Cart drawer & dedicated cart management view.
7.Multi-step checkout with delivery address selection, cash on delivery / online payment choices, and instant invoice generation.
•User Account Dashboard (/account):
9.Profile customization with Cloudinary-backed avatar upload.
10.Order tracking with timeline statuses (Pending, Processing, Shipped, Delivered, Cancelled).
11.Saved addresses & security management with account self-deletion options.
12.Full Authentication suite: Email/Password, Google OAuth One-Tap, Password Reset via email tokens.
- Admin Management Panel (/admin)1.
Executive Analytics: Real-time statistical dashboard displaying total revenue, total sales, active users, and low-inventory warning alerts.
•Inventory & Product CMS :
3.Add, edit, and archive products.
4.Multi-image file upload with Cloudinary automatic CDN resizing and WebP conversion.
5.Pricing, stock management, SKU tags, and category tagging.
•Order Lifecycle Management :
7.View all store orders in real-time.
8.Instant status transition controls (Pending → Processing → Shipped → Delivered).
9.Order deletion and customer contact lookup.
•User Administration :
11.Customer directory with registered dates and order history.
12.Role management (promote users to admin or demote to standard user).
13.User suspension / deletion capabilities.
- Backend Engine (organic-bakend)1.
Dual Authentication: Hybrid support for custom JWT tokens and Google OAuth verification via Google Auth Library.
2.Role-Based Authorization: Middleware-level enforcement (verifyToken, requireAdmin).
3.Cloudinary Storage Pipelines: Specialized upload pipelines for profile pictures and high-res product galleries.
•Automated HTML Email Notifications:
5.Branded order confirmation receipts with itemized order breakdowns.
6.Secure cryptographic password reset tokens sent directly to customer inboxes.
Other Projects
Like What You See?
Let's build something amazing together.