Skip to main content

Introduction to Don Palito Jr

Don Palito Jr is a full-featured e-commerce platform designed to provide a seamless shopping experience across multiple channels. Built with modern technologies, it offers a complete solution for managing products, orders, customers, and payments.

What is Don Palito Jr?

Don Palito Jr is an integrated e-commerce system that consists of:
  • Backend API: A robust REST API built with Express.js and MongoDB
  • Admin Dashboard: A powerful admin panel for managing your store
  • Web Application: A customer-facing web storefront
  • Mobile Application: A native mobile shopping experience built with Expo

Who is it for?

Don Palito Jr is perfect for:
  • Retailers looking to establish an online presence with web and mobile apps
  • Developers who want a modern, full-stack e-commerce reference implementation
  • Businesses requiring a customizable platform with complete control over the codebase
  • Entrepreneurs seeking to launch a multi-platform shopping experience

Key Capabilities

Product Management

Complete product catalog with categories, images, inventory tracking, and reviews

Order Processing

Full order lifecycle management from cart to delivery with multiple status states

Customer Accounts

User profiles with wishlists, addresses, order history, and preferences

Payment Integration

Secure payments powered by Stripe with webhook handling

Admin Dashboard

Comprehensive admin panel for managing products, orders, customers, and coupons

Mobile Experience

Native mobile app for iOS and Android with full shopping functionality

Technology Stack

Don Palito Jr leverages modern, production-ready technologies:

Backend

  • Node.js (v20+) - JavaScript runtime
  • Express.js (v5.2.1) - Web framework
  • MongoDB with Mongoose (v8.19.3) - Database and ODM
  • Clerk - Authentication and user management
  • Stripe - Payment processing
  • Inngest - Event-driven workflow engine
  • Cloudinary - Image storage and management

Admin Dashboard

  • React (v19.2.0) - UI framework
  • Vite (v7.2.4) - Build tool
  • Tailwind CSS (v4.1.18) - Styling
  • TanStack Query (v5.90.20) - Data fetching
  • Zustand (v5.0.11) - State management
  • DaisyUI (v5.5.14) - Component library

Web Application

  • React (v18.2.0) - UI framework
  • React Router (v6.30.3) - Navigation
  • Tailwind CSS (v3.4.19) - Styling
  • Stripe React - Payment UI components
  • Axios - HTTP client

Mobile Application

  • Expo (v54.0.33) - React Native framework
  • React Native (v0.81.5) - Mobile framework
  • Expo Router (v6.0.23) - File-based routing
  • NativeWind (v4.2.1) - Tailwind for React Native
  • Clerk Expo - Mobile authentication
  • Stripe React Native - Mobile payments

Features Overview

For Customers

  • Browse products with search and filtering
  • Add items to cart and wishlist
  • Secure checkout with multiple payment options
  • Order tracking and history
  • User profile and address management
  • Product reviews and ratings

For Administrators

  • Product catalog management with image uploads
  • Order processing and status updates
  • Customer management and analytics
  • Coupon and discount creation
  • Inventory tracking
  • Sales reporting and dashboard

Technical Features

  • Server-side rendering ready
  • Event-driven architecture with Inngest
  • Webhook integration (Clerk, Stripe)
  • Image optimization with Cloudinary
  • Email notifications with Nodemailer
  • PDF invoice generation
  • CSV export capabilities
  • Mobile-responsive design
  • Progressive Web App support

Getting Started

Ready to get started? Check out the Quickstart Guide to set up your local development environment in minutes. To understand the system architecture and how components interact, see the Architecture Overview.

Project Structure

The monorepo is organized into four main directories:
├── backend/          # Express API server
├── admin/            # React admin dashboard
├── web/              # React web storefront
└── mobile/           # Expo mobile app
Each component can be developed, deployed, and scaled independently while sharing a common backend API.

Build docs developers (and LLMs) love