AI-Assisted Web Developer / MTA Devworks

Full-stack web developer using vibe coding to ship practical business websites.

I combine AI-assisted building with web fundamentals, planning, and deployment awareness to turn business needs into responsive websites, company profiles, and full-stack web interfaces.

AI-assisted developer profilemta@portfolio:~

availability

open for work

method

vibe coding + review

delivery

AI-assisted web delivery

project focus

Vibe-coded, technically reviewed delivery

Responsive websites and web applications built with AI-assisted speed, then checked against goals, usable flows, and maintainable code.

project signal / AI-assisted

delivery capability

  • 01planning from business context
  • 02AI-assisted website implementation
  • 03technical stack review
  • 04deployment and maintenance path
Next.jsReactLaravelTypeScript

prompt

Build a practical interface that honestly shows the operator as a full-stack web developer and vibe coder with planning, deployment, and maintenance awareness.

execution log

  1. 01client context receivedBusiness goal, audience, constraints, planning, and launch path are mapped first.
  2. 02scope shapedPages, user flow, content, and technical boundaries are reduced to what the project needs.
  3. 03interface builtAI-assisted implementation is reviewed against responsive UI, stack decisions, and maintainable structure.
  4. 04launch preparedDeployment readiness, maintenance path, and handoff notes are reviewed before delivery.
mode: AI-assistedmodel: vibe-coding + reviewstatus: open-for-work
fig 01Software Engineering graduate
fig 02Around 2 years of hands-on web project experience
fig 03AI-assisted workflow with technical review
fig 04Client website delivered for a logistics business
fig 05Open to job opportunities and freelance projects

portrait

Portrait of Mifdal Tsaqib Alfarras

Mifdal Tsaqib Alfarras

Full-stack web developer & vibe coder

Operator Profile

Built by Mifdlal Tsaqib Alfarras

Software Engineering graduate with around 2 years of hands-on web project experience. I now use vibe coding and AI-assisted workflows to build faster while still handling planning, stack decisions, implementation review, deployment, and maintenance.

role
Full-stack web developer & vibe coder
method
AI-assisted build workflow
focus
Business websites, company profiles, full-stack web apps
coverage
Planning, deployment, maintenance

web projects

Selected web projects built for real business needs.

A focused view of websites and web applications delivered for clients, learning, and practical product goals.

capabilities

Practical builds without unnecessary product layers.

01

Business & company profile websites

Clear, responsive websites that help businesses explain what they do.

02

Full-stack web applications

Practical web apps with front-end flows, back-end foundations, and reviewed AI-assisted implementation.

03

E-commerce & transactional websites

Product, ordering, and transaction-focused interfaces for real users.

04

Website maintenance & optimization

Updates, fixes, performance checks, maintenance, and refinements for existing web projects.

execution stages

A direct path from intent to launch-ready implementation.

  1. 01

    Understand the goal

    Clarify the business need, audience, core pages, and success criteria.

    ready
  2. 02

    Shape the user flow

    Turn requirements into a simple structure users can navigate quickly.

    ready
  3. 03

    Build the product

    Implement the interface and functionality with responsive, usable patterns.

    ready
  4. 04

    Launch and refine

    Prepare the site for deployment, review behavior, and improve the details.

    ready

stack manifest

Tools used for clear, responsive web delivery.

React
TypeScript
Tailwind CSS
CSS3
Laravel
Node.js
PostgreSQL
GraphQL
Prisma
Firebase
Git & GitHub
Vite
Next.js
JavaScript
HTML5
React Router
PHP
Express
MySQL
REST APIs
Supabase
Responsive UI
Docker
contact channel

Send the project context. I'll map the next step.

Email is the best place for project briefs, recruiter follow-up, and formal conversations. LinkedIn stays available for professional introductions and profile review.

Email MeConnect on LinkedInno contact form / professional channels only