Smartcodebase logoSmartcodebase

Clothing-Store

Web Application

Clothing Store Home

Home Page

Users can view the banner, featured products, featured categories, and brands on the home page. They can also search for products and navigate by categories for a seamless browsing experience.

Next.js
React

Products Page

Users can browse products by category and apply filters such as price, colors, and other dynamic attributes. For electronics, they can filter by variables like storage size, display size, and more to find their desired products efficiently.

Product View

Admin Reports

The admins can view the visual reports of their daily sales, manage their branches using the delivery reports. Moreover, admins can manage users and vehicles by viewing adding, updating and deleting information. The admins can also view and manage the entire user-base bookings.

Dashboard 1

Dashboard (sector-01)

Admins can view orders placed within a specific date range...

node-js.logo
Next.js

Dashboard (sector-02)

Admins can view the top 5 selling categories within a specific date range. By default, the system displays data for the last 7 days, but admins can manually set a start date and end date to fetch data for a custom range. This provides valuable insights into category performance over the selected period.

Dashboard 02
Dashboard 3

Dashboard (sector-03)

Admins can access the revenue dashboard...

node-js.logo
Node.js

Products Management

Admins can manage products by viewing key details such as the product's added date, category, stock availability, price, and whether it is enabled or disabled for customers. They can sort products based on their status, search for products by name or code, and easily navigate to the detailed product page for further management.

Product Management
Product Variant Management

Product Variants Management

Admins can edit each product, add new variation types, and manage product variations. They can view existing variations, update the details of selected products, and make any necessary changes to ensure the product information is accurate and up to date.

Next.js
React

Add New Product UI

Admins can add new products by clicking the 'New Product +' button. In the product creation page, they can specify the brand, category, variations, and other relevant details to ensure the product is properly categorized and available for customers.

Add New Product
Orders Management 1

Product Orders Management

Admins can view all orders placed by customers, with the ability to sort orders by payment status...

Node.js
Next.js

Advanced Order Management

Admins can view all orders placed by customers, including specific details such as order total, order ID, applied discounts, products ordered with their variations, customer information, and customer notes.

Advanced Order Management
Users Management

Users Management

Admins can manage other users, including staff and customers, by verifying their access levels and checking their account status (active, pending, or suspended). They can update user information using advanced user details and take necessary actions based on the account status and access rights.

React