DEV Community

Cover image for πŸ€– Isbar-Si AI β€” Website-ka AI Chatbots & Courses
Mohamed Yasin Mohamoud
Mohamed Yasin Mohamoud

Posted on

πŸ€– Isbar-Si AI β€” Website-ka AI Chatbots & Courses

Live Site
GitHub


πŸ“‹ Waxa Website-ku Leeyahay

Qaybta URL Sharaxaad
🏠 Landing Page / Hero section, stats, features, koorso preview, iyo CTA
πŸ“š Koorsooyinka /koorso 4 koorso: 40 Cashar AI, AI Video Editing, Dropshipping AI, Resources
πŸŒ™ Fasal Gaar ah /fasal 3 fasalood private ah: Maths, Programming, Manhajka Canada
πŸ“… Ballan Online /ballan Booking system β€” qabso ballan online ah
πŸ’¬ AI Chat /chat Kaaliye AI ah oo Af-Soomaali ku hadla
πŸ“– Knowledge Base /kb Maqaallo tixraac ah oo habaysan
πŸ€– Chatbot Popup (auto) AI popup-ka soo baxa 4 seconds kaddib

πŸ› οΈ Tignoolajiyada La Isticmaalay (Tech Stack)

Qaybta Tignoolajiyada
Frontend React 19, TypeScript, Vite, TailwindCSS, Wouter (routing)
Backend Node.js, Express, tRPC
Database TiDB (MySQL-compatible) via Drizzle ORM
Auth Manus OAuth
AI/LLM Built-in LLM (invokeLLM)
Deployment PM2, Nginx, Ubuntu VPS

πŸš€ Sida Loo Install Gareeyo (Local Development)

1. Shuruudaha (Prerequisites)

Hubi in kuwan ku jiraan nidaamkaaga:

  • Node.js v18 ama ka sarreeya β†’ nodejs.org
  • npm ama pnpm β†’ npm install -g pnpm
  • Git β†’ git-scm.com

2. Clone-garee Repo-ga

git clone https://github.com/Faratoon/isbar-si-ai.git
cd isbar-si-ai
Enter fullscreen mode Exit fullscreen mode

3. Install Dependencies

npm install
Enter fullscreen mode Exit fullscreen mode

4. Habeynta Environment Variables

Samee file .env oo ku jirta root directory-ga:

# Database (TiDB / MySQL)
DATABASE_URL=mysql://user:password@host:4000/dbname?ssl={"rejectUnauthorized":true}

# Manus OAuth (Authentication)
MANUS_CLIENT_ID=your_manus_client_id
MANUS_CLIENT_SECRET=your_manus_client_secret
MANUS_REDIRECT_URI=http://localhost:3001/auth/callback

# Session Secret
SESSION_SECRET=your_random_secret_key_here

# LLM (Built-in Manus LLM)
OPENAI_API_KEY=your_openai_api_key
OPENAI_API_BASE=https://api.openai.com/v1
Enter fullscreen mode Exit fullscreen mode

⚠️ Xusuusin: .env file-ka weligaa GitHub ku push garinayso β€” wuxuu ku jiraa .gitignore.

5. Bilow Development Server-ka

npm run dev
Enter fullscreen mode Exit fullscreen mode

Website-ka wuxuu furmayaa: http://localhost:3001


πŸ—οΈ Sida Loo Build Gareeyo (Production Build)

npm run build
Enter fullscreen mode Exit fullscreen mode

Build-ka wuxuu abuuraa:

  • dist/public/ β€” Frontend files (HTML, CSS, JS)
  • dist/index.js β€” Backend server bundle

Xusuusin: Haddii RAM-ka computerkaagu yar yahay (< 1GB), build-ka ku samee computer kale oo RAM badan leh, ka dibna copy-garee dist/ folder-ka server-ka.


🌐 Sida Loo Deploy Gareeyo (VPS Deployment)

Shuruudaha VPS-ka

  • Ubuntu 20.04+
  • Node.js v18+
  • PM2: npm install -g pm2
  • Nginx

Tallaabada 1: Build-garee

npm run build
tar czf dist.tar.gz dist
Enter fullscreen mode Exit fullscreen mode

Tallaabada 2: Copy-garee VPS-ka

scp dist.tar.gz ubuntu@your-server-ip:~/isbar-si-ai/
ssh ubuntu@your-server-ip
cd ~/isbar-si-ai && tar xzf dist.tar.gz
Enter fullscreen mode Exit fullscreen mode

Tallaabada 3: PM2 ku Bilow

pm2 start ecosystem.config.cjs
pm2 save
pm2 startup
Enter fullscreen mode Exit fullscreen mode

Tallaabada 4: Nginx Config

server {
    listen 80;
    server_name isbar-si.com www.isbar-si.com;

    location / {
        proxy_pass http://localhost:3001;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}
Enter fullscreen mode Exit fullscreen mode
sudo nginx -t && sudo systemctl reload nginx
Enter fullscreen mode Exit fullscreen mode

Tallaabada 5: Domain DNS

DNS-ka domain-kaaga u habeey sidan:

A  @    β†’  your-server-ip
A  www  β†’  your-server-ip
Enter fullscreen mode Exit fullscreen mode

πŸ“ Qaab-dhismeedka Mashruuca (Project Structure)

isbar-si-ai/
β”œβ”€β”€ client/
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/           # UI Components
β”‚   β”‚   β”‚   β”œβ”€β”€ Navbar.tsx        # Navigation bar
β”‚   β”‚   β”‚   β”œβ”€β”€ ChatbotPopup.tsx  # AI popup (4s auto-open)
β”‚   β”‚   β”‚   β”œβ”€β”€ AIChatBox.tsx     # Chat UI component
β”‚   β”‚   β”‚   β”œβ”€β”€ WeekIcon.tsx      # Icon helper
β”‚   β”‚   β”‚   └── ui/               # shadcn/ui components
β”‚   β”‚   β”œβ”€β”€ pages/                # Bogagga website-ka
β”‚   β”‚   β”‚   β”œβ”€β”€ Home.tsx          # Landing page
β”‚   β”‚   β”‚   β”œβ”€β”€ Courses.tsx       # Koorsooyinka catalog
β”‚   β”‚   β”‚   β”œβ”€β”€ CourseDetail.tsx  # Casharrada koorso kasta
β”‚   β”‚   β”‚   β”œβ”€β”€ PrivateFasal.tsx  # Fasal Gaar ah
β”‚   β”‚   β”‚   β”œβ”€β”€ Booking.tsx       # Ballan Online
β”‚   β”‚   β”‚   β”œβ”€β”€ Chat.tsx          # AI Chat page
β”‚   β”‚   β”‚   └── KnowledgeBase.tsx # Knowledge Base
β”‚   β”‚   β”œβ”€β”€ data/
β”‚   β”‚   β”‚   β”œβ”€β”€ courses.ts        # Xogta 4-ta koorso
β”‚   β”‚   β”‚   └── course.ts         # Knowledge Base data
β”‚   β”‚   └── App.tsx               # Routes & layout
β”‚   └── index.html
β”œβ”€β”€ server/
β”‚   β”œβ”€β”€ _core/                    # tRPC, Auth, LLM helpers
β”‚   β”œβ”€β”€ routers/
β”‚   β”‚   β”œβ”€β”€ chat.ts               # AI Chat router (system prompt)
β”‚   β”‚   └── ...
β”‚   └── routers.ts                # Main router composition
β”œβ”€β”€ drizzle/
β”‚   └── schema.ts                 # Database schema
β”œβ”€β”€ all-koorso.json               # Xogta koorsooyinka (JSON source)
β”œβ”€β”€ ecosystem.config.cjs          # PM2 config
β”œβ”€β”€ vite.config.ts                # Vite build config
└── package.json
Enter fullscreen mode Exit fullscreen mode

πŸ“š Koorsooyinka (4 Courses)

1. πŸŽ₯ 40 Cashar AI (YouTube)

  • 40 cashar oo ku saabsan AI, Chatbots, ManyChat, Botpress, Telegram Bots, Prompts, Canva AI, VEO 3, Linux, iyo qalab kale
  • Platform: YouTube

2. 🎬 AI Video Editing (Loom)

  • 9 cashar oo ku saabsan AI Video Editing: InVideo, Pictory.ai, Lumen5
  • Platform: Loom

3. πŸ›’ Dropshipping iyo Zendrop AI

  • 10 cashar oo ku saabsan Zendrop, Telegram AI bots ganacsi, AI automation
  • Platform: Loom

4. 🌐 Resources & Community

  • 9 link oo toos ah: WhatsApp groups, Telegram channels, YouTube, Facebook, Substack

Sida loo helo casharrada: Buuxi foomka diiwaangelinta β€” links-ka casharrada ayaa laguugu soo diri doonaa email ahaan.


πŸŒ™ Fasal Gaar ah (Private Classes)

Jadwalka fasalada gaarka ah β€” Jimce & Sabti, Waqtiga Geeska Afrika (EAT):

Fasalka Saacadda Mawduucyada
πŸ”’ Xisaabta (Maths) 9:00 PM – 10:15 PM Algebra, Geometry, Calculus
πŸ’» Programming 10:30 PM – 11:45 PM Python, Logic, Mini Projects
🍁 Manhajka Canada 12:00 AM – 1:00 AM English, Science, Social Studies

πŸ€– AI Chatbot Popup

  • Wuxuu si toos ah u soo baxaa 4 seconds kaddib marka qofku website-ka soo galo
  • Wuxuu ku salaaminayaa Af-Soomaali: "Soo dhawoow! Wax ma kaa caawin karaa?"
  • Wuxuu ka jawaabaa su'aalaha AI, chatbots, koorsooyinka, iyo qorista basic-ka ah
  • Wuxuu u diraa foomka diiwaangelinta marka qofku koorsooyinka weydiisto

πŸ”— Xiriirrada Muhiimka ah

Adeegga Link
🌐 Website (Live) http://34.26.173.190
πŸ“ Diiwaangelinta Google Form
πŸ“Ί YouTube MrFaraton
πŸ’¬ WhatsApp Ku biir Bulshada
πŸ“± Telegram Farsamada
πŸ“° Substack mfaratoon.substack.com
πŸ“˜ Facebook Soomaali Podcast

πŸ› οΈ Amarka PM2 ee Muhiimka ah

# Xaaladda app-ka
pm2 status

# Dib u bilow
pm2 restart horn-music-app

# Logs
pm2 logs horn-music-app

# Jooji
pm2 stop horn-music-app

# Kaydi xaaladda
pm2 save
Enter fullscreen mode Exit fullscreen mode

🀝 Sida Loo Wax ka Bedelo (Contributing)

  1. Fork-garee repo-ga
  2. Samee branch cusub: git checkout -b feature/magac-feature
  3. Wax ka bedel oo commit-garee: git commit -m "feat: sharaxaad kooban"
  4. Push-garee: git push origin feature/magac-feature
  5. Pull Request fur

πŸ“„ Ruqsadda (License)

Β© 2025 isbar-si.com β€” Faratoon. Dhammaan xuquuqdu way xifdisan tahay.


πŸ‘¨β€πŸ’» Macallinka

Faratoon β€” AI & Technology Educator

Top comments (1)

Collapse
 
merbayerp profile image
Mustafa ERBAY

This is a meaningful project, especially because you’re making AI and programming content available in Somali. That local-language focus is probably the strongest part of the whole platform.

A few details may need clarification, though. The stack says it uses a built-in Manus LLM, while the setup asks for OpenAI API credentials. The live site is also served over plain HTTP, which is risky for a platform handling OAuth, bookings, and chat data.

I also noticed the PM2 process name is horn-music-app, which looks like a leftover from another project, and the repository invites contributions while the license says β€œall rights reserved.” Cleaning up those inconsistencies would make the project feel much more trustworthy and production-ready.

Still, great effort and a genuinely useful idea for the Somali developer community.