Back
UBazar E-commerce app
UBazar a fully functional e-commerce with modern design & look and payment methods
Tech Stack:
- Next.js
- Nest.js
- Postgres
- Stripe
- Socket.io
- TypeScript
- Redux Rematch
- Tailwindcss
Core Features:
- Highlight specially curated products and promotions on the main landing page.
- Provide detailed product information on the Product Detail Page, including options to add to the cart and wishlist.
- Allow users to manage their wishlist by adding and removing products.
- Enable users to manage their shopping cart, add/remove products, and proceed to checkout for purchase.
- Provide a Sign-Up Page for users to register and create an account on the platform.
- Display different product categories on the Product Categories Page with options for category selection, pagination, and filtering.
Project Pages Showcase:
Landing Page
The main landing page showcasing featured products and promotions.
- Highlighting specially curated products on the landing page.
- Showcasing ongoing promotions and discounts.
- Featured Products
- Promotions
Product Detail Page
Detailed information about a specific product.
- Details about the product, including price, color, etc.
- Buttons to add the product to the cart and wishlist.
- Product Information
- Add to Cart and Wishlist
Wishlist Page
A page for users to manage their wishlist.
- Users can add and remove products from their wishlist.
- Add and Remove Products
Cart Page
A page for users to manage their shopping cart.
- Users can add and remove products from their shopping cart.
- Proceed to checkout to complete the purchase.
- Add and Remove Products
- Checkout
Review Page
A page where users can add reviews about products.
- Users can add reviews, including images, about products.
- A form to add detailed reviews about products.
- User Reviews
- Review Form
Shipment Page
A page for users to add shipping information.
- Users can add and manage their shipping addresses.
- Add Shipping Address
Payment Page
A page for users to select payment options.
- Users can select the type and method of payment.
- Payment Type and Method
Checkout Page
A page for users to process orders and make payments.
- Users can review and confirm their orders.
- Complete the purchase by making the payment.
- Order Processing
- Payment
Order Page
A page for users to view their order history.
- View a detailed history of past orders with product information and quantities.
- Order History
Sign-Up Page
The page for users to sign up for an account.
- Allow users to create an account on the platform.
- User Registration
Product Categories Page
A page displaying different product categories.
- Menu for selecting different categories of products.
- Navigate through product categories with pagination and apply filters.
- Category Selection
- Pagination and Filtering