VIBE Coding & AI Agents Course

Hi, I’m Shahid Iqbal.

Over the last 4 weeks, I learned how to build AI agents, design automations, and create web projects using modern tools. This portfolio is my complete journey from first prompt to final automation.

View My Projects 4 Week Journey

AI + Code = My Superpower

I build practical WorkflowsAutomations, Task Managers, and interactive web projects that solve real problems.

  • AI Agent Workflows
  • HTML, CSS, JavaScript
  • JSON & API Structures
  • Automations & Problem Solving

Skills & Tools

A snapshot of what I can confidently use after completing the Vibe Coding & AI Agents program.

AI & Automations
  • ✅ Prompt engineering & system prompts
  • ✅ Multi step AI agents
  • ✅ JSON based workflows
  • ✅ Research & summarization agents
  • ✅ Task, reminder, and email automation
Web Development
  • ✅ HTML5, CSS3, Bootstrap 5
  • ✅ Responsive design & layouts
  • ✅ JavaScript DOM manipulation
  • ✅ Basic game logic & interactions
  • ✅ GitHub Pages deployment

Comfort level:

Always learning and improving.

Problem-Solving & Soft Skills
  • ✅ Breaking problems into clear steps
  • ✅ Explaining logic in simple words
  • ✅ Documenting work and results
  • ✅ Learning from errors and debugging
  • ✅ Collaborating & taking feedback

My 4 Week Vibe Coding & AI Agents Course Journey

A week by week breakdown of tools, concepts, problems solved, and mini-projects.

Week 1 – Foundations of AI & Web Using Lovable.dev
Tools & Concepts

Focus: Understanding AI basics, prompt structure, and starting with Lovable.dev.

  • Tools: ChatGPT, browser, VS Code, GitHub
  • Concepts: prompts, roles, tokens, HTML structure, CSS basics
  • Problems solved: creating my first AI prompts, building Task Flow Manager using Lovable.dev
  • Mini-projects: Personal Task Manager
Week 2 – Coding Challenges & Mini Apps Using Cursor AI & Android Studio
Code in Action

Focus: using JavaScript for interaction, games, and practical utilities.

  • Tools: HTML, CSS, JavaScript, Bootstrap
  • Concepts: DOM events, game loops, timers, responsive layouts
  • Problems solved: user input handling, score tracking, animation triggers
  • Mini-projects: simple FPS-style shooting game, calculator, to-do list
Week 3 – AI Agents & Workflows Using n8n
Agents & Automation

Focus: Building structured AI agents using n8n that follow steps and return JSON outputs.

  • Tools: AI agents, JSON schema, basic workflow tools
  • Concepts: multi-step reasoning, function-like prompts, context management
  • Problems solved: daily planner agent, email draft generator
  • Mini-projects: “Task Manager Agent” with JSON output, FAQ responder agent
Week 4 – Real World Automations Using Make.com
Final Integration

Focus: Combining AI agents, workflows, using make.com to build complete solutions.

  • Tools: AI agents, workflows, HTML/CSS/JS, GitHub Pages
  • Concepts: end to end automations, UX thinking, documentation
  • Problems solved: repetitive email writing, content drafting, task follow up
  • Mini-projects: This portfolio, plus a final AI automation project

Projects & Automations

A collection of my best coding projects and AI agents built during the Vibe Coding & AI Agents course.

Task Manager AI Agent Screenshot
Task Manager AI Agent

An AI agent that helps users plan their day, prioritize tasks, and outputs structured JSON for integration into productivity tools.

  • ✅ Uses multi step reasoning
  • ✅ Returns JSON output
  • ✅ Provides time estimates
AI Agent View details →
Pharma Screenshot
Pharma

Pharmacy POS System

  • ✅ Fully responsive
  • ✅ Smooth scrolling
  • ✅ Reusable components
Web Live demo →
FPS Game Screenshot
Browser FPS Mini Game

A simple first-person shooting game made with HTML, CSS and JavaScript, featuring an AI-assisted crosshair for slight “aim assist.”

  • ✅ Moving targets
  • ✅ Score tracking
  • ✅ Aim assist logic
Game GitHub repo →

Evidence of My Work

Screenshots, JSON samples, workflows, and links that prove what I built during the Vibe Coding & AI Agents course.

Fitness App Screenshot Fitness App
Workflow Screenshot Workflow
Game Screenshot Game
Links, Files & Proof

Below are some direct links to my work. These can include GitHub repos, live demos, JSON files, and exported workflows.

All these pieces together act as strong evidence for my learning and achievements in the VIBE Coding & AI Agent Course.

Contact Me

Let’s connect for collaboration, feedback, or future opportunities.

Send a Message
Connect

You can also reach me through these platforms:

This portfolio is the official final project for my VIBE Coding & AI Agent Course.