A comprehensive e-commerce solution built with a Next.js frontend, focusing on secure role-based access control and integrated multi-channel payment processing.
UMSHOP features a robust product management interface powered by a rich text editor, enabling Admins to effortlessly manage product listings and secure transactions via Stripe and SSLCommerz.
This project leverages modern frontend technologies and integrated tools to deliver a fast, reliable, and maintainable e-commerce experience.
| Component | Technologies Used |
|---|---|
| Framework | Next.js (Frontend) |
| State Management | Redux JS Toolkit |
| Rich Text Editor | Tiptap Editor |
| Access Control | Role-Based Access Control (RBAC) |
 |
 |
 |
 |
 |
 |
- Admin Role: Full administrative privileges, including product management, user management, and viewing sales analytics.
- Customer Role: Can browse products, manage shopping cart, and complete checkout.
- Protected routes ensuring only authorized users can access specific pages (e.g.,
/admin/*).
- CRUD Operations: Create, Read, Update, and Delete product listings.
- Rich Text Descriptions: Use the Tiptap editor to create detailed, visually appealing product descriptions, specifications, and features (as required by FR-PROD-02 in the Requirement Analysis).
- Categorization and inventory tracking.
- Stripe Integration: For international, card-based transactions (FR-PAY-01).
- SSLCommerz Integration: For localized payment solutions (FR-PAY-02).
- Secure checkout flow managed by Redux state (FR-CART-02).
- Intuitive product browsing and search functionality.
- Redux-powered persistent shopping cart management.
- One-page checkout process.
- Node.js (v18+)
- npm
# Clone the repository
git clone [https://github.com/pantho0/umshop.git]
cd umshop-client
# Install dependencies
npm install
# Run the development server
npm run dev