1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. ⚡ Folder Structure
5. 🤸 Quick Start
6. 🖼️ Assets
7. 🔗 Links
8. 🧩 Snippets

This repo is part of a full video tutorial on Dev Minds 🧠💻. Perfect for devs who love to learn by doing!

This Full Stack E-Commerce App is built with a clean architecture & modern stack. It features:

• A responsive web-based admin panel 🧑‍💼
• A smooth mobile shopping experience 📱
• A powerful backend for managing products, orders & users 🔧

• React + Vite ⚡
• TailwindCSS 💨
• Framer Motion 🎞️

• React Native + Expo 📦
• Redux Toolkit + React Navigation 🧭
• Moti + Tailwind CSS 🌈

• Node.js + Express.js 🚀
• MongoDB 🟢
• JWT Auth 🔐

✅ Smooth animations and transitions (Moti / Framer Motion)
✅ Admin dashboard with product, order, and user control
✅ Secure user auth (JWT)
✅ Fully responsive UI (Web + Mobile)
✅ Modern folder structure and clean code
✅ Fast API responses with Express.js
✅ Real-time feedback with clean UX/UI

root
├── admin     # Admin Panel (React + Vite)
├── frontend  # Mobile App (React Native + Expo)
├── backend   # Backend (Node + Express + MongoDB)

git clone https://github.com/Abdullah0Dev/Sellify.git
cd Sellify

cd admin
npm install
npm run dev

cd ../backend
npm install
npm start

Set up .env with your MongoDB URI.

cd ../frontend
npm install
npx expo start

Use Expo Go or simulator to preview the mobile app 📱

👉 Google Drive Assets 📂

• 🎨 Figma Design
• 📺 YouTube Channel

Here are some useful constants and shared config files used in the app 👇

export const COLORS = {
  primary: '#007bff',
  secondary: '#6c757d',
  white: '#ffffff',
  black: '#000000',
};

export const SIZES = {
  base: 8,
  font: 14,
  radius: 12,
  padding: 24,
};

export const FONTS = {
  regular: 'System',
  bold: 'System',
};

👉 View on GitHub