https://github.com/abdullah0dev/sellify
Full Stack E-Commerce App | Node.js, MongoDB, Admin Panel & React Native Expo Mobile App 📱💻🔥
https://github.com/abdullah0dev/sellify
expo nodejs redux
Last synced: about 2 months ago
JSON representation
Full Stack E-Commerce App | Node.js, MongoDB, Admin Panel & React Native Expo Mobile App 📱💻🔥
- Host: GitHub
- URL: https://github.com/abdullah0dev/sellify
- Owner: Abdullah0Dev
- Created: 2025-07-23T05:40:46.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-23T09:58:18.000Z (11 months ago)
- Last Synced: 2025-08-12T10:26:36.506Z (11 months ago)
- Topics: expo, nodejs, redux
- Language: TypeScript
- Homepage: https://www.youtube.com/@Dev-Minds
- Size: 6.99 MB
- Stars: 6
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. ⚡ [Folder Structure](#folder-structure)
5. 🤸 [Quick Start](#quick-start)
6. 🖼️ [Assets](#assets)
7. 🔗 [Links](#links)
8. 🧩 [Snippets](#snippets)
## 🚨 Tutorial
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 🔧
### 🖥️ Admin Panel
* React + Vite ⚡
* TailwindCSS 💨
* Framer Motion 🎞️
### 📱 Mobile App
* React Native + Expo 📦
* Redux Toolkit + React Navigation 🧭
* Moti + Tailwind CSS 🌈
### 🔙 Backend
* Node.js + Express.js 🚀
* MongoDB 🟢
* JWT Auth 🔐
## 🔋 Features
✅ 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)
```
### 1️⃣ Clone the Repository
```bash
git clone https://github.com/Abdullah0Dev/Sellify.git
cd Sellify
```
### 2️⃣ Install Admin Panel
```bash
cd admin
npm install
npm run dev
```
### 3️⃣ Install Backend
```bash
cd ../backend
npm install
npm start
```
Set up `.env` with your MongoDB URI.
### 4️⃣ Run React Native Expo App
```bash
cd ../frontend
npm install
npx expo start
```
Use Expo Go or simulator to preview the mobile app 📱
## 🖼️ Assets
👉 [Google Drive Assets 📂](https://drive.google.com/drive/folders/1L1rxpyGG27UXTISyfPVtNuSHLIEc08FV?usp=sharing)
## 🔗 Links
* 🎨 [Figma Design](https://www.figma.com/design/r2oLfsjVOOHBRAmV9zxc8p/eCommerce-App-UI-Kit---Case-Study-Ecommerce-Mobile-App-UI-kit-%28Community%29?node-id=1-16990&t=aGKMq0fjCva2xjBh-1)
* 📺 [YouTube Channel](https://www.youtube.com/@Dev-Minds/videos)
## 🧩 Snippets
Here are some useful constants and shared config files used in the app 👇
### 📌 `frontend/src/constants/index.ts`
```ts
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](https://github.com/Abdullah0Dev/Sellify-progress/blob/main/frontend/src/constants/index.ts)