https://github.com/jakh0n/hacathonn
🌟 A multi-tenant SaaS admin panel built with Next.js and Express.js, featuring dynamic theme switching, real-time chat, notifications, and responsive design for mobile and desktop. 🚀 Deployed on Vercel and Render.
https://github.com/jakh0n/hacathonn
express nextjs nodejs tailwindcss typescript websocket
Last synced: 2 months ago
JSON representation
🌟 A multi-tenant SaaS admin panel built with Next.js and Express.js, featuring dynamic theme switching, real-time chat, notifications, and responsive design for mobile and desktop. 🚀 Deployed on Vercel and Render.
- Host: GitHub
- URL: https://github.com/jakh0n/hacathonn
- Owner: Jakh0n
- Created: 2025-05-02T05:48:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-06T01:39:06.000Z (about 1 year ago)
- Last Synced: 2025-06-04T18:30:37.289Z (about 1 year ago)
- Topics: express, nextjs, nodejs, tailwindcss, typescript, websocket
- Language: TypeScript
- Homepage: https://hacathon-frontend-neon.vercel.app/
- Size: 329 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌟 Multi-Tenant SaaS Admin Panel
Welcome to our **SaaS Hackathon Project** — a dynamic, multi-tenant admin panel with a modern tech stack! This platform provides a seamless, personalized experience for each tenant and includes:
## ✨ Features
- 🎨 **Theme switching**: Light/Dark mode per tenant
- 🔧 **Feature toggles**: Enable/disable modules like Real-Time Chat
- ⚡ **Real-time notifications**: Built using Socket.IO
- 📱 **Fully responsive**: Mobile and desktop ready
- 🔐 **Tenant isolation**: No config leaks between tenants
---
## 📸 Live Demo
🔗 [Frontend on Vercel](https://hacathon-frontend-neon.vercel.app)
Try it on mobile or desktop:
1. Visit the link.
2. Choose a tenant (`Tenant 1` or `Tenant 2`).
3. Click **Load**.
4. Watch the dashboard adapt in real time! 🚀
---
## 🧪 Test Cases
### ✅ Tenant 1 (Mobile View)
- **Light theme**
- **Chat module enabled**
- **Notification popup**: "Welcome to Tenant 1!"
- **Info**: `tenant1.example.com`
### ✅ Tenant 2 (Mobile View)
- **Dark theme**
- **Chat module disabled**
- **No popup**
- **Info**: `tenant2.example.com`
### 🔄 Tenant Switching
- Switch between tenants with no data/config leaks.
- UI updates correctly with each tenant’s preferences.
---
## 🛠️ Tech Stack
| Component | Technology |
|------------|-----------------------------|
| Frontend | Next.js, React, Shadcn UI, Typescript |
| Backend | Node js, Express.js |
| Real-Time | WebSocket (Socket.IO) |
| Deployment | Vercel (Frontend), Render (Backend) |
---
## 🚀 Local Setup
```bash
cd frontend
npm install
# Add .env.local
echo "NEXT_PUBLIC_API_URL=http://localhost:3001" > .env.local
echo "NEXT_PUBLIC_WEBSOCKET_URL=http://localhost:3001" >> .env.local
npm run dev
cd server
npm install
# Add .env file
echo "ALLOWED_ORIGIN=https://hacathon-frontend-neon.vercel.app" > .env
npm start