2024

DigitalHippo

A full-stack e-commerce marketplace for selling, purchasing, and downloading digital products.

DigitalHippo is a modern full-stack marketplace focused on digital assets such as UI kits and icon packs. The platform allows users to browse verified products, view product detail pages, manage a persistent shopping cart, complete payments through Stripe Checkout, and access purchased files after payment confirmation. It also includes user authentication, email verification, an admin/seller dashboard powered by Payload CMS, product approval workflows, order management, Stripe webhooks, and receipt emails sent after successful purchases.

Digital product marketplace with categories, product listings, product detail pages, and similar product recommendations.
Persistent shopping cart using Zustand, with checkout flow, order summary, transaction fee, and item removal.
Secure payment flow with Stripe Checkout, order creation, payment polling, and webhook-based order confirmation.
Download flow for purchased assets after successful payment, including protected order access per user.
Authentication and email verification using Payload CMS with tRPC-powered sign-up and sign-in flows.
Payload CMS admin dashboard for managing users, products, media, product files, and orders.
Product approval system where only verified and approved products are shown publicly for sale.
Transactional receipt emails built with React Email and sent through Resend after completed checkout sessions.
Type-safe full-stack architecture using Next.js App Router, tRPC, Zod, Payload-generated types, and TypeScript.

Marketplace main view

The main page presents the core DigitalHippo experience: a digital products marketplace with a clean interface focused on conversion. From this view, users can explore featured products, quickly understand the platform’s value proposition, and access the main actions of the site, such as browsing the catalog, signing in, or starting the purchase flow.

Authentication and account verification

The authentication flow allows users to create an account, sign in, and verify their email before fully accessing the platform. These screens keep the experience consistent and simple, guiding users step by step with clear forms, visual validation, and a structure designed to reduce friction during registration.

Shopping cart and product detail

This section highlights two key moments before checkout: the product detail page and the shopping cart. From the product page, users can review the information of a digital resource, understand its value, and add it to the cart. Then, in the cart, they can confirm the selected products, review the purchase summary, and prepare to continue to payment in a clear and organized way.

Checkout and payment process

The video presents DigitalHippo’s checkout flow as an independent experience focused on completing the purchase. After reviewing the product and the cart, users move into the payment process, where they can confirm the order and continue smoothly toward completing the transaction.

Seller dashboard

DigitalHippo includes a dedicated experience for sellers, allowing them to manage their presence within the marketplace. From the dashboard, sellers can view relevant product information, manage their activity, and access tools designed to help them maintain control over their digital catalog inside the platform.

Seller and product administration

The administrative section makes it possible to manage key parts of the marketplace, including sellers, digital products, and the content available on the platform. This view is designed to provide greater operational control, making it easier to supervise the ecosystem and keep the project’s internal management organized.