Hi! I am Syed Mujtaba Abbas Zaidi (tag). I build modern web applications with a focus on beautiful UI, strong UX, secure backend systems, and AI integrations. I create educational apps, school management systems, AI study assistants, and interactive frontends.

• AI-powered study assistants and test generators.
• School management systems (student/teacher/parent portals, attendance, ID card generator).
• Full-stack web apps using Next.js (app dir), TypeScript, React, Tailwind.
• Real-time apps with WebRTC, Stream, and Firebase.
• Tools: Resume builder, password strength meter, blog platforms.

1. Featured Projects
2. Tech Stack
3. Installation & Local Setup
4. Usage Examples & Scripts
5. Code Snippets & Patterns
6. Roadmap
7. Changelog
8. Contributing
9. FAQ
10. Contact & Socials
11. License
12. Credits

Replace demo links with real ones when you have them.

A study platform for board exam students — generates MCQs, long/short Q&A, chapter-wise tests, and performance analytics.

• Frontend: Next.js (app dir), React, Tailwind
• Backend: Node.js / Express or Python Flask
• AI: OpenRouter API for question generation and answer checking
• Features: Test cancel on tab switch, analytics, downloadable reports.

School management software with multi-role access.

• Student / Teacher / Parent portals
• Attendance tracking, admission forms, secure login
• AI chatbot and ID Card generator

Full-stack blog with Sanity CMS and Clerk authentication.

• Rich text editor, publish workflow, live search
• Responsive, SEO optimized, Google Ads ready

Frontend

• Next.js (app directory), React, TypeScript (TSX), Tailwind CSS, Three.js, WebGL

Backend

• Node.js, Express, Python (Flask/Django), MySQL, MongoDB

Auth & Services

• Clerk, Firebase, Sanity, Vercel, Docker, GitHub Actions

Other

• WebRTC, Stream.io, OpenRouter AI, GLB models for 3D

Example instructions for a typical Next.js + Node setup.

# 1. Clone repo
git clone https://github.com/syed-mujtaba-stack/<repo-name>.git
cd <repo-name>

# 2. Install frontend dependencies
cd frontend
pnpm install
# or
npm install
# or
yarn install

# 3. Install backend dependencies
cd ../backend
pnpm install
# or
npm install
# or
yarn install

# 4. Environment variables
# Create a .env file in both frontend and backend folders with:
# NEXT_PUBLIC_API_URL=http://localhost:4000
# DATABASE_URL=mysql://user:pass@localhost/dbname
# OPENROUTER_API_KEY=your_key_here

# 5. Run frontend and backend (two terminals)
cd frontend
pnpm dev
# and
cd ../backend
pnpm dev