امیرحسین محمدرفیع طراح و توسعه‌دهنده نرم‌افزار

فکر می‌کنم.
طراحی می‌کنم.
می‌سازم.✳

از رابط‌های وب تا نرم‌افزارهای کاربردی، هر پروژه را فرصتی برای ساخت تجربه‌ای دقیق، ساده و ماندگار می‌بینم.

دیدن نمونه‌کارها بیشتر درباره من

امیرحسین محمدرفیعThe person behind Dev By Amir

DEV BY AMIR / 2026با دقت در جزئیات، از طرح تا اجرااسکرول کنید

آنچه در کارهایم می‌بینید

طراحی رابط کاربری✳توسعه فرانت‌اند✳جاوااسکریپت تعاملی✳نرم‌افزار کاربردی

LIVE CODE ویرایشگر زنده

کد بنویسید، نتیجه را ببینید.

یک ویرایشگر کد تعاملی که تغییرات شما را به صورت لحظه‌ای نمایش می‌دهد.

<!DOCTYPE html>
<html dir="rtl">
<head>
  <title>دمو</title>
</head>
<body>
  <div class="container">
    <h1>سلام دنیا! 👋</h1>
    <p>این یک دمو زنده است.</p>
    <button onclick="changeColor()">تغییر رنگ</button>
  </div>
</body>
</html>

body {
  margin: 0;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 12px;
  display: grid;
  place-items: center;
  background: #0b1a39;
  color: #edf5ff;
  font-family: Tahoma, Arial, sans-serif;
}

.container {
  width: min(100%, 560px);
  box-sizing: border-box;
  text-align: center;
  padding: 20px 24px;
  border: 1px solid #55d7fa55;
  border-radius: 28px 8px 28px 8px;
  background: linear-gradient(145deg, #172d52, #0b1a39);
  box-shadow: 0 24px 60px #02081766;
}

h1 { color: #55d7fa; font-size: clamp(24px, 6vw, 36px); margin: 0 0 8px; }
p { color: #b6c9e4; line-height: 1.8; margin: 0; }
button {
  margin-top: 12px;
  background: #55d7fa;
  color: #08162d;
  border: 0;
  padding: 10px 20px;
  font: bold 14px Tahoma, Arial, sans-serif;
  border-radius: 999px 8px 999px 8px;
  cursor: pointer;
}
button:focus-visible { outline: 3px solid white; outline-offset: 4px; }

function changeColor() {
  const colors = ['#126f94', '#3175c5', '#174477', '#824bc7', '#087e83'];
  const randomColor = colors[Math.floor(Math.random() * colors.length)];
  document.querySelector('h1').style.color = randomColor;
}

پیش‌نمایش زنده

SKILLS مهارت‌ها

تخصص‌های من در توسعه وب.

HTML & CSS 95%

JavaScript 90%

Python 88%

React & Next.js 85%

UI/UX Design 92%

Git & GitHub 87%

01 / SELECTED WORK گزیده کارها

چند پروژه، چند تجربه متفاوت.

از یک ابزار مدیریت کافه تا رابط‌های وب و تجربه‌های تعاملی؛ این‌ها بخشی از مسیر یادگیری و ساختن من هستند.

۶ پروژه برای بررسی

01 / نرم‌افزار دسکتاپمخزن عمومی GitHub

کافه صفر؛ مدیریت سفارش و حسابداری

برنامه‌ای دسکتاپ برای ثبت سفارش، مدیریت مشتری و نسیه، پیگیری هزینه‌ها و مشاهده خلاصه مالی کافه.

PythonTkinterSQLite

02 / رابط وبپروژه تمرینی مستقل

رابط وب هواپیمایی

طراحی و پیاده‌سازی صفحه‌ای با حال‌وهوای سفر، بخش جست‌وجوی پرواز و نمایش مقصدها.

HTMLCSSResponsive UI

03 / رابط وببازآفرینی تمرینی

بازآفرینی رابط اسنپ

تمرینی در ساختاردهی محتوای فارسی، سلسله‌مراتب بصری و طراحی صفحه معرفی خدمات.

HTMLCSSRTL

04 / اپ تعاملیپروژه تمرینی

اپ هواشناسی

جست‌وجوی شهر و نمایش وضعیت فعلی و پیش‌بینی هوا با دریافت داده از سرویس‌های هواشناسی.

JavaScriptAPICSS

05 / تعامل وبپروژه تمرینی

فهرست محصولات

نمایش محصولات با جست‌وجوی متنی و فیلتر دسته‌بندی؛ تمرینی برای تعامل‌های کاربردی صفحه.

JavaScriptDOMFiltering

06 / بازی مرورگرپروژه تمرینی

بازی دوز

یک بازی دو نفره با مدیریت نوبت‌ها، بررسی برنده و ثبت نتیجه دورهای بازی.

JavaScriptGame LogicDOM

پیش‌نمایش کارت‌ها بازنمایی بصری نمونه‌کارها هستند. پروژه‌های نام‌دار بالا، بازآفرینی و تمرین مستقل‌اند و نشان‌دهنده همکاری رسمی با آن برندها نیستند.

02 / ABOUT ME کمی درباره من

کنجکاوی،
پایه‌ی ساختن است.

پرتره امیرحسین محمدرفیع در بخش درباره من

DEV BY AMIR ✳

سلام، من امیرحسین هستم؛ دانشجوی مهندسی نرم‌افزار و علاقه‌مند به طراحی سایت و برنامه‌نویسی.

در پروژه‌هایم سعی می‌کنم بین ظاهر خوب و اجرای درست تعادل برقرار کنم. یادگیری و تجربه‌کردن حوزه‌های مختلف فناوری بخش مهمی از مسیر من است؛ از پیاده‌سازی رابط‌های وب تا طراحی منطق و داده در یک نرم‌افزار کاربردی.

ابزارها و مهارت‌ها

HTML5CSS3JavaScriptPythonSQLiteGitطراحی وبمعماری نرم‌افزار

01در حال تحصیل در مهندسی کامپیوتر
دانشگاه آزاد اسلامی · از ۱۴۰۱

03 / APPROACH مسیر همکاری

از سؤال خوب تا خروجی خوب.

برای هر پروژه، ابتدا مسئله را می‌فهمم و بعد با ساختاری روشن سراغ طراحی و اجرا می‌روم.

⌕

شناخت مسئله

هدف، مخاطب و نیازهای پروژه را مشخص می‌کنیم.

▤

طراحی مسیر

ساختار صفحه و تجربه کاربر را شکل می‌دهم.

</>

ساخت و بازبینی

رابط را پیاده‌سازی و در اندازه‌های مختلف بررسی می‌کنم.

04 / LET'S TALK شروع یک همکاری

پروژه‌ای در ذهن دارید؟
بیایید درباره‌اش حرف بزنیم.

برای گفت‌وگو درباره طراحی وب یا توسعه نرم‌افزار، از طریق روش‌های زیر با من در ارتباط باشید.

ارتباط در کارلنسر

✉ ایمیل ✈ تلگرام ⌘ گیت‌هاب