open to remote / internship rolesReact / Next.js / TypeScript / AI-assisted development

Mohamed Gamal /

AI-assisted full-stack developer building practical web applications

I am a Computer Science student in Malaysia, originally from Egypt, fluent in English and Chinese. I build modern web applications using React, Next.js, TypeScript, and AI-assisted development tools such as Codex, ChatGPT, Cursor, Claude, DeepSeek, and Qwen. My focus is creating practical, scalable, and user-friendly applications for real business needs.

scroll

about me

A practical path into AI-assisted full-stack development

I am a Computer Science student in Malaysia, originally from Egypt, building my career in software development. I speak English and Chinese, which helps me communicate with both international and Chinese teams.

My background in English customer support taught me how to understand user needs, communicate clearly, and solve problems patiently. Now I am applying that mindset to software development by building practical full-stack applications using React, Next.js, TypeScript, and AI-assisted development tools.

I am especially interested in front-end development, full-stack web applications, AI-powered products, and China-focused technology such as WeChat Mini Programs and Chinese AI models.

Computer science student

Building a long-term foundation in software engineering.

English + Chinese communication

Able to work with international and Chinese teams.

AI-assisted full-stack development

Using AI tools to build faster while still reviewing and testing carefully.

skills

A focused stack for modern product development

frontend development

ReactNext.js App RouterTypeScriptTailwind CSSshadcn/uiAnt DesignFramer Motionresponsive UI

backend and database

Next.js API Routes / Server ActionsSupabasePostgreSQLPrismaauthenticationREST APIsbasic Node.js

AI-assisted development

CodexChatGPTCursorClaudeDeepSeekQwenprompt engineeringAI API integration

tools and workflow

GitGitHubGiteeVercelGitHub Actionsbasic DockerREADME documentationdeployment workflow

featured projects

Honest project roadmap with live work and future case studies

I show project status clearly so recruiters can see what is live, what is in progress, and what is planned next.

RAG SaaS
Live

SmartDocs AI

Enterprise RAG SaaS platform for secure document intelligence, with a public product page, one-click guest demo, document upload, retrieval, citations, tenant isolation, credits, usage logs, and technical review flow.

Business value

Shows an AI-native SaaS product beyond a chatbot: workspace RBAC, document processing, RAG answers with sources, billing discipline, and recruiter-friendly guest demo access.

Key features

Public product landing pageGuest demo loginRead-only reviewer modeMulti-tenant workspace RBACPDF/DOCX/TXT/MD uploadCelery document indexing
Next.js App RouterTypeScriptFastAPISQLAlchemyPostgreSQL/pgvectorRedis/Celery
AgentOps

Planner

Tool

Approval

Public portfolio demo

TaskFlow AI

An AI Agent workflow automation platform MVP with real LangGraph-controlled execution, executable tool calls, human approval pause/resume, SSE live trace, usage logs, credits, replay, and an AgentOps dashboard.

Business value

Shows a higher-value agent engineering skill set beyond chatbots and RAG: stateful workflow execution, tool routing, approval gates, reliability limits, audit logs, and an honest demo-local fallback.

Key features

Guest demo loginReal LangGraph runtimeStateful agent runsMCP-style internal tool gatewayExecutable demo toolsHuman approval pause/resume
Next.js App RouterTypeScriptFastAPIPythonPostgreSQLSQLAlchemy
AI Workstation Credits MVP live app screenshot
Live

AI Workstation Credits MVP

A full-stack AI SaaS billing-loop demo with auth, user credits, backend-only AI calls, usage logs, admin recharge, and secure role checks.

Business value

Shows senior-review-ready product thinking: failed AI calls do not deduct credits, successful calls deduct atomically, and admins can recharge users safely.

Key features

Supabase auth1000 default creditsBackend AI routeAtomic credit spendUsage logsAdmin recharge
Next.js App RouterTypeScriptTailwind CSSSupabasePostgreSQL RLSOpenAI SDK
SupportPilot AI live app screenshot
Live

SupportPilot AI

A production-style AI customer support and WeCom CRM dashboard with CRM, inbox, AI reply suggestions, knowledge base, analytics, templates, settings, and demo login.

Business value

Helps support teams organize customers, respond faster with reviewed AI suggestions, and understand performance through analytics.

Key features

Demo loginCustomer CRMThree-column inboxAI reply suggestionsKnowledge baseAnalytics charts
Next.jsReactTypeScriptAnt DesignTailwind CSSSupabase
MiniShop Pro live app screenshot
Live

MiniShop Pro

A China-focused mini-commerce and booking system with an H5 mini-program preview, product/catalog management, orders, bookings, customers, promotions, and analytics.

Business value

Helps small businesses validate mobile shopping, booking, and admin workflows while showing that I can turn China-market product ideas into a working demo.

Key features

H5 mini-program previewProduct/service catalogBooking/order flowsDemo loginAdmin dashboardCustomer management
Next.jsReactTypeScriptAnt DesignTailwind CSSPrisma
JobFit AI live analyzer screenshot
Live

JobFit AI

An AI resume matching and career-improvement assistant that compares resumes with job descriptions, scores fit, finds gaps, rewrites bullets, and prepares interview questions.

Business value

Shows complete product thinking: landing page, auth-style entry, dashboard workflow, shareable result, privacy guardrails, server-side OpenAI calls, and demo fallback when no API key is configured.

Key features

Resume/JD match scoringSkill gap analysisResume bullet rewritesInterview question prepKeyword extractionBilingual UI
Next.js 16 App RouterReact 19TypeScriptTailwind CSSOpenAI SDKZod
Portfolio website screenshot
Live

This Portfolio Website

A bilingual personal portfolio website built to present my skills, projects, development workflow, and AI-assisted coding process in a professional way.

Business value

Helps recruiters quickly understand my positioning, stack, project status, and learning direction.

Key features

Bilingual English/Chinese contentResponsive designDark/light modeProject case studiesSmooth animationsSEO optimization
Next.js App RouterReactTypeScriptTailwind CSSshadcn/ui style componentsFramer Motion
Vue Weather Dashboard live app screenshot
Live

Vue Weather Dashboard

A responsive weather app with WeatherAPI integration, city search, recent searches, and forecast views.

Business value

Shows API integration, state management, and responsive UI skills.

Key features

City searchWeather detailsHourly forecast5-day forecastRecent searchesDark/light mode
Vue 3TypeScriptVitePiniaAxiosElement Plus
TaskFlow Manager live app screenshot
Live

TaskFlow Manager

A task management app with boards, filters, charts, and local persistence.

Business value

Shows dashboard UI, data visualization, and interactive task workflows.

Key features

Task boardsDrag sortingSearch filtersChartsLocal storageDark mode
Vue 3TypeScriptVitePiniaElement PlusTailwind CSS
Meridian Market live app screenshot
Live

Meridian Market

A responsive e-commerce frontend with product filters, detail pages, cart, and wishlist.

Business value

Shows user-facing product browsing and purchase-flow design.

Key features

Product listingCategory filtersDetail pagesCartWishlistCoupon flow
Vue 3TypeScriptVitePiniaAxiosElement Plus

how I build

A clear workflow from idea to deployed product

step 1

Understand requirements

I clarify the user problem, business goal, and core features before writing code.

step 2

Plan the architecture

I define the pages, components, database structure, API flow, and deployment plan.

step 3

Prototype with AI tools

I use Codex, ChatGPT, Cursor, and Claude to speed up UI prototyping, code generation, refactoring, and debugging.

step 4

Build with React / Next.js

I develop the application using TypeScript, reusable components, responsive UI, and clean project structure.

step 5

Integrate backend and AI

I connect authentication, database, APIs, and AI features such as smart suggestions, AI replies, and bilingual outputs.

step 6

Test, optimize, and deploy

I review the code, test important flows, optimize performance, write documentation, and deploy to Vercel.

why hire me

Professional, honest, and ready to grow inside a real team

AI-assisted development skills that help me build and learn faster

Bilingual communication in English and Chinese

Computer Science student with strong long-term learning direction

Full-stack mindset: frontend, backend, database, AI integration

Practical project focus instead of only tutorial projects

Customer-oriented mindset from previous support experience

Familiar with China-focused tools such as WeChat Mini Programs, Gitee, Qwen, and DeepSeek

Hardworking, reliable, and open to internship, remote work, and test tasks

how I use AI professionally

AI is my accelerator, not a replacement for understanding

I use AI to brainstorm product ideas and user flows

I use AI to generate first UI drafts and improve layouts

I use AI to debug errors and explain unfamiliar code

I use AI to refactor components and improve readability

I use AI to write documentation and bilingual content

I manually review, test, and adjust the final code

Contact

Let’s build something practical together

I am open to remote internships, junior front-end roles, full-stack project opportunities, and AI-assisted web development work.

email

25082906@student.unimy.edu.my

github

https://github.com/Shifu710

gitee

Add link

linkedin

Add link

wechat

Add WeChat ID