Quick Start Guide
Welcome to DADDO! This guide will walk you through setting up your account, logging in, creating your first product, and viewing your public catalog.Create Your Account
Start by creating a new DADDO account. Navigate to the registration page and provide the following information:Required Information:
- Name: Your full name
- Business Name: The name of your business (displayed in your catalog)
- Email: Your email address for login
- Phone: Contact phone number
- Password: Secure password for your account
- Business Logo: Upload a logo image for your business
Your business name will be displayed on your public catalog, so choose a name that represents your brand well.
Log In to Your Account
After creating your account, log in using your email and password.Login Features:Once logged in, you’ll see the Home Dashboard with three main modules:
- Email and password authentication
- “Remember me” option to stay logged in
- JWT token-based authentication for secure sessions
- Forgot password recovery option
Productos
Manage your inventory, prices, and variants
Ventas
Record and track sales transactions
Estadísticas
View business analytics and performance
Create Your First Product
Now let’s create your first product in the catalog.
Navigate to Product Creation
From the home screen, click “Productos” → “Crear Producto” or navigate to/createProd.Product Information
Fill in the product details:Basic Information:- Name: Product name
- Description: Detailed product description
- Price: Selling price
- Buy Price: Your purchase/cost price (optional)
- Stock: Available quantity
- Category: Select or create a category
Product Variants (Optional)
Create variants for products with multiple options:Creating Product Variants
Creating Product Variants
Variant Properties:Example: A t-shirt with sizes S, M, L in colors Red, Blue, Green would have 9 variants.
- Color: Color name/description
- Size: Size designation (S, M, L, XL, etc.)
- Stock: Variant-specific stock quantity
- Price: Override the base price (optional)
- Buy Price: Variant-specific cost (optional)
- Images: Variant-specific images
Submit the Product
Click “Crear Producto” to save. The product will be added to your catalog and inventory.View Your Catalog
Your public catalog is now live! You can share it with customers.URL Parameters:
Access Your Catalog
Navigate to “Ver Catálogo” from the home screen or use the MyCatalogLink component.Catalog URL Structure
category: Filter by specific categoryshowBusiness=1: Display your business nameshowPhone=1: Display your phone number
Catalog Features
Responsive Grid
Mobile-optimized product grid (2-4 columns)
Image Carousel
Multiple product images with navigation
Variant Display
Show product variants with color/size options
QR Code
Generate QR codes for easy sharing
Share Your Catalog
Copy the catalog URL and share it with customers via:- WhatsApp/SMS
- Social media
- QR code (for in-store use)
Next Steps
Manage Inventory
Learn how to update stock, edit products, and organize your catalog
Process Sales
Record sales transactions and track your revenue
View Analytics
Explore your business dashboard with sales analytics
Share Catalog
Advanced catalog sharing options and customization
Tech Stack Overview
Frontend Technologies
Frontend Technologies
- React 18.2 with functional components and hooks
- Redux 5.0 with Redux Thunk for state management
- React Router v7 for navigation
- Tailwind CSS for styling
- Vite 5 for fast development and builds
Key Libraries
Key Libraries
- Axios - HTTP client for API requests
- Cloudinary - Image upload and management
- Recharts - Analytics charts
- QRCode.react - QR code generation
- date-fns - Date formatting
- react-toastify - Toast notifications
Common Routes
| Route | Purpose | Authentication |
|---|---|---|
/ | Login page | Public |
/create | User registration | Public |
/catalog/:userId | Public catalog view | Public |
/home | User dashboard | Protected |
/createProd | Create product | Protected |
/products | View all products | Protected |
/createSell | Record new sale | Protected |
/sells | View sales history | Protected |
/dash | Analytics dashboard | Protected |
/profile | User profile | Protected |
Protected routes require authentication. Unauthenticated users will be redirected to the login page.