← Back to Home
Al Mairaj Services · Recorded Workshop

AI Builder Workshop

AI Sy Mashwary Lena Band Krein — AI ke saath BUILD karna Start Krein.
IDEA → CODE → DATABASE → GITHUB → DEPLOY → LIVE SOFTWARE
⏱️ 2+ Ghante · Recorded Practical
⚡ Level: Beginner → Advanced
🗣️ Urdu / Hindi Explanation
♾️ Lifetime Access
One-Time — PKR 999
Reading order: 01 → 15. Bas seedha neeche scroll karein — har section apne number ke sath tarteeb mein hai.
01 · The Complete Journey — Idea Se Live Software TakKisi bhi step par click karein → neeche detail aa jayegi
Current Focus: 01 IDEA — Project idea define karna aur solve hone wale problems outline karna.
Tip: ← → keys se bhi steps badal sakte hain.
02Yeh Workshop Kis Ke Liye Hai?

Sab se pehle yeh clear kar lein ke aap sahi jagah par hain ya nahi:

✓CS / IT Students & Beginners — jinhe real software banana seekhna hai, sirf theory nahi.
✓Freelancers & Developers — jo apna workflow 3x–5x tez karna chahte hain.
✓Startup Founders — jo ideas ko fast working prototypes mein badalna chahte hain.
✓AI Enthusiasts — jo coding workflows practically samajhna chahte hain.
✓Job Seekers — jinhe CV ke sath dikhane ke liye ek live project chahiye.
Kis ke liye nahi: Agar aap sirf “AI ki theory” parhna chahte hain aur khud kuch build nahi karna chahte — to yeh workshop aapke liye nahi hai.
03Welcome & Core Promise

Is workshop ka goal generic AI tools ke baare mein theoretical baatein karna nahi hai. Yahan aap practically dekhenge ke modern software development ke har step par AI ko ek development partner ki tarah kaise use kiya jata hai — Planning, Prompting, Coding, Debugging, Testing, Improving, Database Integration, Version Control aur Live Deployment tak.

Core Promise
“AI se sirf mashware nahi — AI ke saath real software build karna.”
Sab Se Bari Baat
Workshop khatam hone tak aapke paas ek live, internet par chalti hui website hogi — sirf notes nahi.
04Aapko Exactly Kya Milega?

Ek baar payment — hamesha ke liye access. Yeh sab kuch aapka ho jata hai:

2+ Ghante Ki Recorded Workshop
Screen recording ke sath step-by-step practical — har click, har command saaf nazar aayega.
Lifetime Access
Koi monthly fee nahi. Jitni baar chahein, jab chahein dobara dekhein.
Complete Project Source Code
Next.js + Tailwind portfolio ka poora code — copy kar ke apna project foran shuru karein.
Supabase Database Setup
Table schema, API route code aur RLS security rules — banay banaye, tested.
Ready-To-Use Prompt Library
Wohi prompts jo workshop mein use hue — copy-paste kar ke apne projects par lagayein.
6 Downloadable Bonuses
Cheat sheets, roadmap, security checklist aur deployment protocol — PDF form mein.
Apna Live Portfolio URL
Ek asal deployed website jo aap CV, LinkedIn ya client ko aaj hi bhej sakein.
Apni Raftaar Se Seekhein
Recorded hai — pause karein, rewind karein, saath saath khud bhi practice karein.
Laptop + Mobile Dono Par
Jahan chahein dekhein — koi special software install karne ki zaroorat nahi.
Production Security Training
API keys, .env files aur RLS — professional developers jaise safe practices.
Yaad Rakhein
Yeh koi “AI ke baare mein lecture” nahi hai — yeh ek build-along workshop hai. Aap saath saath banayenge.
05Aap Kya Kya Seekhenge?
1. AI FundamentalsAI mindset develop karna aur modern software development lifecycle mein AI ka practical role samajhna.
2. Prompt EngineeringAI ko structured instructions dena: Context, Goal, Requirements, Constraints aur Expected Output.
3. ChatGPT + Claude + GeminiKab aur kis scenario mein kaunsa tool behtareen output deta hai — practical comparison.
4. Claude Desktop + Claude CodeAI ko project context dena, local codebase inspect karwana, terminal integration aur error debugging.
5. Vibe Coding FrameworkRapid prototyping: Describe → Generate → Review → Test → Improve. AI code test kar ke accept karna.
6. Real Project BuildingNext.js aur Tailwind CSS par modern developer portfolio ka live implementation.
7. Supabase Database IntegrationContact form ko real cloud database ke sath securely connect karna.
8. Git & GitHub WorkflowsClean version control, repository setup, meaningful commits aur code push karna.
9. Security & HardeningEnvironment variables (.env.local), Supabase Row Level Security, input validation aur AI code review.
10. Vercel DeploymentGitHub repo ko Vercel se link kar ke application globally live website par deploy karna.
06Tools, Platforms & Ecosystem
CategoryTools & Technologies
AI ToolsChatGPT, Claude, Gemini
AI DevelopmentClaude Desktop, Claude Code (Terminal Integration)
FrontendNext.js (App Router), React, TypeScript, Tailwind CSS
DatabaseSupabase (PostgreSQL, Authentication & RLS)
Version ControlGit, GitHub
Deployment & CloudVercel (Automated CI/CD Pipelines)
✓Sab kuch FREE tier par: GitHub, Supabase aur Vercel — teeno free accounts par kaam karenge. Koi paid subscription zaroori nahi.
07Complete 2-Ghante Ka Roadmap
TimeModuleKya Seekhenge
00:00–00:05IntroductionWorkshop goal, workflow aur final outcome
00:05–00:20AI FundamentalsAI mindset aur development mein practical role
00:20–00:35Prompt EngineeringContext, requirements, constraints, output control
00:35–00:50Tool SelectionChatGPT + Claude + Gemini practical use cases
00:50–01:15Claude CodeProject context, terminal, code changes & debugging
01:15–01:35Vibe CodingDescribe → Generate → Review → Test → Improve
01:35–01:50Portfolio UINext.js & Tailwind se portfolio UI build & polish
01:50–02:05Database & DeploySupabase DB, GitHub commits, Vercel deployment
02:05–02:15Tokens & SecurityContext management aur practical security checks
02:15–02:20+Roadmap & OfferNext steps, resources aur special bonus offer
08Jo Project Hum Banayenge

AI-Powered Developer Portfolio

Theory ko practical reality mein badalne ke liye hum scratch se ek production-grade Developer Portfolio website banayenge — real cloud database aur live hosting ke sath.

Website Structure:
  • Navbar: Responsive navigation aur branding
  • Hero: Headline, value proposition, CTAs
  • About: Bio, background & philosophy
  • Skills: Interactive tech-stack matrix
  • Projects: Repositories aur live links
  • Experience: Services & work timeline
  • Contact: Cloud database se connected form
  • Footer: Social links & copyright
The Real Database Moment:
Visitor → Contact Form → Next.js API → Supabase → contact_messages
09Workshop Ke Baad Aap Kya Kar Sakenge?
→Sirf ek idea se poori working website ek din mein bana sakenge.
→AI ko aisi precise instructions denge ke wohi code nikle jo aap chahte hain.
→Apna live portfolio URL client ya employer ko bhej sakenge.
→Contact form ka data cloud database mein securely save kar sakenge.
→GitHub par professional tareeqe se apna code manage kar sakenge.
→Vercel par ek click mein production deployment kar sakenge.
→AI ka diya hua code review kar ke bugs khud pakad sakenge.
→Freelance clients ko fast delivery de kar zyada projects le sakenge.
10Pehle vs Workshop Ke Baad
PehleAb
AI se sirf sawal poochte the
AI ke saath poora software build karte hain
Tutorials dekh kar bhi project adhoora
Ek complete live project deployed
Code likhne mein hafte lag jate the
Ghanton mein working prototype
Database sun kar hi darr lagta tha
Cloud database khud connect karte hain
"Bas localhost par chalta hai"
Live URL jo duniya dekh sakti hai
Deployment ek mystery thi
Ek click par production deploy
Portfolio dikhane ke liye kuch nahi tha
Live portfolio + GitHub repo ready
11Production Security Checklist
✓API keys hardcode na karein: Frontend code mein sensitive keys na likhein.
✓Environment variables: Keys ko .env.local mein isolate rakhein.
✓Service-role credentials kabhi client browser mein expose na karein.
✓.env.local GitHub se bahar: .gitignore configuration verify karein.
✓Row Level Security (RLS): Supabase tables par access control lagayein.
✓Input validation: Frontend aur backend dono par sanitization.
✓AI code review karein: Logic aur dependencies verify karein.
✓Deploy se pehle test: Local production build (npm run build) verify karein.
12Shuru Karne Ke Liye Kya Chahiye?
▸Ek laptop ya computer (Windows, Mac ya Linux) — 8GB RAM behtar hai.
▸Stable internet connection.
▸Coding ka tajurba zaroori NAHI — hum bilkul zero se shuru karenge.
▸Free accounts: GitHub, Supabase, Vercel — workshop mein saath saath banwaenge.
▸2 ghante ka focused waqt aur seekhne ka josh.
✓Koi paid tool ya subscription zaroori nahi — sab kuch free tier par ho jayega.
13Free Bonuses (Included)
★ Bonus 1: ChatGPT Prompt Cheat Sheet — formulas & outputs
★ Bonus 2: AI Coding Prompt Pack — debugging & architecture
★ Bonus 3: AI Developer Roadmap — visual timeline
★ Bonus 4: AI Software Security Checklist — pre-deployment audit
★ Bonus 5: Git & GitHub Quick Guide — essential commands
★ Bonus 6: Supabase + Vercel Deployment Checklist — live protocol
Learning Mindset
“AI is not a replacement for thinking.”
PLAN → BUILD → REVIEW → TEST → IMPROVE → DEPLOY
14Aksar Poochay Jane Wale Sawalat

Ji haan. Workshop bilkul zero se shuru hoti hai. AI aapke liye code likhega — aap seekhenge ke usay kaise guide karna hai, output kaise check karna hai aur kaise improve karwana hai.

🎁 One-Time Access
“Aapne workflow dekh liya. Ab agla step aapka hai.”

Complete AI Builder Workshop + tamam 6 bonuses — ek hi baar payment, hamesha ke liye access.

✓2+ ghante ki complete recorded workshop
✓Poora project source code + Supabase setup
✓6 downloadable bonus resources
✓Ready-to-use prompt library
✓Lifetime access — koi monthly fee nahi
Special Price
PKR 999
One-time payment · Lifetime access
▶ Abhi Access Lein