开放远程 / 实习机会React • Next.js • TypeScript • AI 辅助开发

Mohamed Gamal /

用 AI 辅助开发构建实用型 Web 应用

我是一名在马来西亚学习的计算机科学学生，来自埃及，能够使用英文和中文沟通。我使用 React、Next.js、TypeScript，以及 Codex、ChatGPT、Cursor、Claude、DeepSeek、Qwen 等 AI 工具构建现代 Web 应用，重点关注真实业务需求、可扩展性和良好的用户体验。

查看项目联系我

继续浏览

availability

developer profile

远程可沟通

实习可沟通

语言英文 / 中文

地点马来西亚

React / Next.js developer focused on practical business apps, bilingual communication, and AI-assisted delivery.

关于我

从用户沟通到 AI 辅助全栈开发的实践路线

我是一名在马来西亚学习的计算机科学学生，来自埃及，正在认真建立自己的软件开发职业方向。英文和中文沟通能力让我能够更好地与国际团队和中国团队协作。

过去的英文客服经历让我学会了理解用户需求、清晰沟通和耐心解决问题。现在我把这种用户意识带入软件开发，通过 React、Next.js、TypeScript 和 AI 辅助开发工具构建实用型全栈应用。

我特别关注前端开发、全栈 Web 应用、AI 产品，以及面向中国市场的技术方向，例如微信小程序、Gitee、Qwen 和 DeepSeek。

计算机科学学生

持续建立软件工程和产品开发基础。

英文 + 中文沟通

能够与国际团队和中文团队协作。

AI 辅助全栈开发

使用 AI 工具提升开发效率，同时保持人工审查和测试。

技能

面向现代产品开发的技术栈

前端开发

ReactNext.js App RouterTypeScriptTailwind CSSshadcn/uiAnt DesignFramer Motion响应式 UI

后端与数据库

Next.js API Routes / Server ActionsSupabasePostgreSQLPrisma认证登录REST APIs基础 Node.js

AI 辅助开发

CodexChatGPTCursorClaudeDeepSeekQwen提示词工程AI API 集成

工具与流程

GitGitHubGiteeVercelGitHub Actions基础 DockerREADME 文档部署流程

精选项目

清楚展示已上线项目、进行中项目和未来规划

我会明确标注项目状态，不把未完成项目伪装成已完成项目。

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.

业务价值

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.

核心功能

Public product landing pageGuest demo loginRead-only reviewer modeMulti-tenant workspace RBACPDF/DOCX/TXT/MD uploadCelery document indexing

Next.js App RouterTypeScriptFastAPISQLAlchemyPostgreSQL/pgvectorRedis/Celery

线上演示 GitHub 案例分析

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.

业务价值

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.

核心功能

Guest demo loginReal LangGraph runtimeStateful agent runsMCP-style internal tool gatewayExecutable demo toolsHuman approval pause/resume

Next.js App RouterTypeScriptFastAPIPythonPostgreSQLSQLAlchemy

线上演示 GitHub 案例分析

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.

业务价值

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

核心功能

Supabase auth1000 default creditsBackend AI routeAtomic credit spendUsage logsAdmin recharge

Next.js App RouterTypeScriptTailwind CSSSupabasePostgreSQL RLSOpenAI SDK

线上演示 GitHub 案例分析

已上线

SupportPilot AI 客服智舱

面向中小企业和中国市场团队的 AI 客服 / WeCom CRM 工作台，整合客户管理、会话收件箱、AI 回复建议、知识库、数据分析和演示登录。

业务价值

帮助客服团队更快整理客户信息、生成可审核的 AI 回复，并用数据了解支持效率。

核心功能

演示登录客户 CRM三栏会话收件箱AI 回复建议知识库数据图表

Next.jsReactTypeScriptAnt DesignTailwind CSSSupabase

线上演示 GitHub 案例分析

已上线

MiniShop Pro 小店智选

面向中国市场的小型电商与预约系统，包含 H5 小程序预览、商品/分类/订单/预约管理、客户数据、促销和分析后台。

业务价值

帮助小商家快速验证移动端购买、预约和后台运营流程，同时展示我能把中国市场产品思维落到可演示的系统中。

核心功能

H5 小程序预览商品/服务目录预约/订单流程演示登录管理后台客户管理

Next.jsReactTypeScriptAnt DesignTailwind CSSPrisma

线上演示 GitHub 案例分析

已上线

JobFit AI

一个 AI 求职匹配和简历优化工具，可对比简历与岗位描述，生成匹配分数、技能差距、简历改写建议和面试问题。

业务价值

展示了完整的产品思维：公开落地页、登录入口、仪表盘、分析流程、分享结果、隐私提示、OpenAI 服务端调用和无密钥演示 fallback。

核心功能

简历/JD 匹配评分技能差距分析简历要点改写面试题生成关键词提取双语界面

Next.js 16 App RouterReact 19TypeScriptTailwind CSSOpenAI SDKZod

线上演示 GitHub 案例分析

已上线

个人双语作品集网站

用于展示技能、项目、开发流程和 AI 辅助编码方式的专业双语作品集网站。

业务价值

让招聘方快速了解我的定位、技术栈、项目状态和学习方向。

核心功能

中英双语内容响应式设计深色/浅色模式项目案例页流畅动画SEO 优化

Next.js App RouterReactTypeScriptTailwind CSSshadcn/ui style componentsFramer Motion

线上演示 GitHub 案例分析

Vue Weather Dashboard live app screenshot

已上线

Vue 天气仪表盘

一个响应式天气应用，集成 WeatherAPI、城市搜索、近期搜索和天气预报。

业务价值

展示 API 集成、状态管理和响应式 UI 能力。

核心功能

城市搜索天气详情小时预报5 天预报近期搜索深浅色模式

Vue 3TypeScriptVitePiniaAxiosElement Plus

线上演示 GitHub 案例分析

已上线

TaskFlow 任务管理器

带有看板、筛选、图表和本地持久化的任务管理应用。

业务价值

展示仪表盘 UI、数据可视化和可交互任务流程。

核心功能

任务看板拖拽排序筛选搜索数据图表本地存储深色模式

Vue 3TypeScriptVitePiniaElement PlusTailwind CSS

线上演示 GitHub 案例分析

已上线

Meridian Market 电商页面

一个响应式电商前端，包含商品筛选、详情页、购物车和收藏功能。

业务价值

展示面向用户的产品浏览和购买流程设计。

核心功能

商品列表分类筛选详情页购物车收藏优惠码

Vue 3TypeScriptVitePiniaAxiosElement Plus

线上演示 GitHub 案例分析

开发流程

从需求到上线的清晰工作方式

step 1

理解需求

先明确用户问题、业务目标和核心功能，再开始写代码。

step 2

规划架构

规划页面、组件、数据库结构、API 流程和部署方案。

step 3

用 AI 快速原型

使用 Codex、ChatGPT、Cursor、Claude 辅助 UI 原型、代码生成、重构和调试。

step 4

使用 React / Next.js 开发

用 TypeScript、可复用组件、响应式 UI 和清晰结构开发应用。

step 5

集成后端与 AI

连接认证、数据库、API，以及智能建议、AI 回复和双语输出等 AI 功能。

step 6

测试、优化与部署

审查代码、测试关键流程、优化性能、编写文档并部署到 Vercel。

为什么选择我

诚实、可靠，并且愿意在真实团队中快速成长

具备 AI 辅助开发能力，可以更快学习和交付

能够使用英文和中文沟通

计算机科学学生，有长期学习方向

具备全栈思维：前端、后端、数据库、AI 集成

关注实用项目，而不是只做教程项目

有客服背景，更理解用户需求和沟通

熟悉微信小程序、Gitee、Qwen、DeepSeek 等中国相关工具

认真可靠，开放实习、远程工作和测试任务

我如何专业地使用 AI

AI 是开发加速器，不是理解能力的替代品

用 AI 梳理产品想法和用户流程

用 AI 生成初版 UI 并优化布局

用 AI 调试错误和解释陌生代码

用 AI 重构组件并提升可读性

用 AI 编写文档和双语内容

最终代码由我人工审查、测试和调整

AI 帮我更快推进，但最终产品的审查、测试和质量改进由我负责。

联系我

让我们一起构建实用的产品

我开放远程实习、初级前端岗位、全栈项目机会，以及 AI 辅助 Web 开发工作。

发送邮件查看 GitHub ↗

25082906@student.unimy.edu.my

github

https://github.com/Shifu710

gitee

待补充链接

wechat

Add WeChat ID