Digital Hippo is a responsive digital marketplace where users can buy and sell digital assets such as icon packs, UI kits, and more. Built using Next.js, Express.js, Payload CMS, MongoDB, and styled with Tailwind CSS and Shad CN UI library, Digital Hippo offers a seamless experience for both buyers and sellers, from browsing to checkout.
- Authentication: Secure sign-up and sign-in pages.
- Home Page: Showcases brand new assets with a dynamic hero section.
- Products Page: Displays all available digital assets for purchase.
- Product Details Page: Detailed view of each asset with descriptions, images, and pricing.
- Cart & Side Sheet: Add items to the cart and view them in a side sheet for easy access.
- Checkout Page: Complete your purchase with a streamlined checkout process.
- Payments: Integrated with Stripe for secure and smooth transactions.
- Thank You Page: Receive a receipt and access to your downloadable assets after payment.
- Seller Dashboard: Allows sellers to list their products and manage them.
- Admin Panel: Admins can approve or reject products listed by sellers.
To run Digital Hippo on your local machine, follow these steps:
- Node.js Installed
- MongoDB Setup
- Stripe Account and API keys
- Resend API Key
- Clone the repository:
git clone https://github.com/ashim1588/digitalhippo
- Navigate to the project directory:
cd digital-hippo - Install dependencies:
npm install or yarn install
- Run:
npm run dev or yarn dev
Create a .env file in the root directory and add your environment variables:
PAYLOAD_SECRET=any_secret_key
MONGODB_URL=your_mongo_url
NEXT_PUBLIC_SERVER_URL=your_domain_or_your_localhosturl
STRIPE_SECRET_KEY=your_stripe_api_key
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_key
RESEND_API_KEY=your_resend_api_key