آماده همکاری

جواد حصاری

توسعه‌دهنده فول‌استک

جواد حصاری

جواد حصاری (MJ Hesari) محصولات دیجیتال مقیاس‌پذیر و با عملکرد بالا با Next.js و TypeScript می‌سازد.

mj-hesari.tsx
export default function fullstackDeveloper() {
return (
<Profile
name="MJ Hesari"
role="Full Stack Developer"
stack=["React", "Next.js", "TS", "Docker"]
/>
);
}
FULL STACKDEVELOPER

درباره من

جواد حصاریتوسعه‌دهنده فول‌استک

جوادحصاری،بانامانگلیسیMJHesari(JavadHesari)،توسعه‌دهندهفول‌استکبابیشاز۴سالتجربهدرReact،Next.jsوTypeScriptاست.

ماهردرساختاپلیکیشن‌هایوبمقیاس‌پذیروقابلنگهداری،بهبودعملکردوطراحیرابط‌هایکاربردیوکاربرپسند.

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

متمرکزبرکدتمیز،معمارییکپارچهوجریانکاریکارآمد.

4+سال تجربه
20+پروژه
Next.jsتخصص
جواد حصاری — MJ Hesari، توسعه‌دهنده فول‌استک
4+
سال
20+
پروژه
SEOPWA
Next.jsExpert

تکنولوژی‌های اصلی

مهارت‌ها

با چه تکنولوژی‌هایی سیستم‌های واقعی می‌سازم

بر اساس جایگاه هر ابزار در استک دسته‌بندی شده. روی هر کارت هاور کنید تا سال‌های تجربه و پروژه‌هایی که با آن ساخته شده را ببینید.

فرانت‌اند

متخصص

Next.js

4+ سال

App RouterSSRSEOISR

استفاده در

BerestaPortfolioCourse PlatformFastolean
متخصص

React

4+ سال

HooksContextPerformanceReusable Components

استفاده در

BerestaPortfolioCourse PlatformFastolean
متخصص

TypeScript

4+ سال

Strict ModeGenericsType Safety

استفاده در

BerestaCourse PlatformFastolean
پیشرفته

Tailwind

3+ سال

Design SystemsResponsiveJIT

استفاده در

BerestaPortfolio
پیشرفته

Redux

3+ سال

UI State OnlyRTKMiddleware

استفاده در

Course Platform
پیشرفته

Framer Motion

2+ سال

AnimationsGesturesTransitions

استفاده در

Portfolio

بک‌اند

متخصص

Node.js

4+ سال

REST APIsEvent LoopStreams

استفاده در

BerestaCourse PlatformFastolean
پیشرفته

NestJS

2+ سال

Modular ArchitectureDIGuards

استفاده در

Fastolean
پیشرفته

Express

3+ سال

MiddlewareRoutingREST

استفاده در

Course Platform

دیتابیس

پیشرفته

PostgreSQL

3+ سال

Relational ModelingIndexingMigrations

استفاده در

FastoleanCourse Platform
پیشرفته

MongoDB

3+ سال

Schema DesignAggregationReplication

استفاده در

Beresta
پیشرفته

Firebase

2+ سال

AuthRealtime DBCloud Functions

استفاده در

Portfolio

دواپس

پیشرفته

Docker

2+ سال

ContainersMulti-stage BuildsCompose

استفاده در

Fastolean
متخصص

Git

4+ سال

BranchingRebaseCI Workflows

استفاده در

BerestaPortfolioCourse PlatformFastolean
پیشرفته

GitHub

4+ سال

ActionsPR ReviewAutomation

استفاده در

BerestaFastolean
پیشرفته

Cloudflare

2+ سال

CDNWorkersDNS

استفاده در

Portfolio
پیشرفته

Vercel

2+ سال

Edge FunctionsPreview DeploysAnalytics

استفاده در

PortfolioBeresta
مسیر شغلی

تجربه کاری.

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

انفورماتیک بین الملل

Front-end Developer · پاره‌وقت · i3center

اوت ۲۰۲۱ – ژانویه ۲۰۲۴ · ۲ سال و ۵ ماه

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

HTML5CSSJavaScriptResponsive UI

دستاوردها

  • توسعه و نگهداری فرانت‌اند چند پروژه هم‌زمان
  • ساخت رابط‌های واکنش‌گرا هم‌راستا با اهداف طراحی و مارکتینگ
  • تحویل کامل تجربه کاتالوگ، فروشگاه و لندینگ‌پیج

تکنولوژی‌ها

HTML5CSSJavaScriptSEO Basics
2021
انفورماتیک بین الملل
HTML5CSSJavaScriptSEO Basics

Exir

Front-end Developer · تمام‌وقت

اوت ۲۰۲۴ – اوت ۲۰۲۵ · ۱ سال

فرانت‌اند برای دایرکتوری‌های کسب‌وکار، صرافی و اپلیکیشن‌های توکن‌محور با Next.js و TypeScript در چند پروژه جاری.

Next.jsTypeScriptReact

دستاوردها

  • ساخت فرانت‌اند برای دایرکتوری کسب‌وکار، صرافی و اپ‌های توکن‌محور
  • توسعه ساختارهای مقیاس‌پذیر و ماژولار در چند پروژه هم‌زمان
  • همکاری در کد ریویو و نگهداشت پیاده‌سازی تمیز

تکنولوژی‌ها

Next.jsTypeScriptReactModern Web APIs
2024
Exir
Next.jsTypeScriptReactModern Web APIs

پاژ

Front-end Developer · تمام‌وقت

اوت ۲۰۲۴ – ۲۰۲۶ · ۱ سال و ۵ ماه

شرکت رشد کسب‌وکار در حال ساخت پلتفرم وب‌سایت‌ساز مدرن. رهبری تیم فرانت‌اند و شکل‌دهی معماری آن.

ReactNext.jsRedux ToolkitTailwind

دستاوردها

  • رهبری و منتورینگ تیم فرانت‌اند با استاندارد کیفیت بالا
  • طراحی معماری فرانت‌اند مقیاس‌پذیر و ماژولار
  • کد ریویو و اجرای اصول کد تمیز
  • برنامه‌ریزی فیچر با تیم محصول و طراحی
  • پیاده‌سازی قابلیت‌های حرفه‌ای SEO
  • یکپارچه‌سازی Google Schema برای عملکرد بهتر در جستجو
  • پیکربندی sitemap، robots.txt و زیرساخت SEO

تکنولوژی‌ها

ReactNext.jsTypeScriptRedux ToolkitTailwind CSS
2024
پاژ
ReactNext.jsTypeScriptRedux Toolkit

فریلنس

Front-end Developer · فریلنس · پروژه‌ای

۲۰۲۶ – اکنون

توسعه‌دهنده فرانت‌اند فریلنس در همکاری‌های پروژه‌ای — تحویل رابط‌های مقیاس‌پذیر برای وب‌سایت‌ساز، پلتفرم‌های کسب‌وکار و محصولات وب سفارشی.

ReactNext.jsTypeScriptTailwind

دستاوردها

  • تحویل فرانت‌اند چند پروژه مشتری به‌صورت هم‌زمان
  • ساخت معماری مقیاس‌پذیر متناسب با هر پروژه
  • همکاری با تیم محصول و طراحی در برنامه‌ریزی فیچرها
  • نگهداشت کد تمیز و آماده production در تمام deliverableها

تکنولوژی‌ها

ReactNext.jsTypeScriptRedux ToolkitTailwind CSS
2026
فریلنس
ReactNext.jsTypeScriptRedux Toolkit
در حال حاضر فریلنس — همکاری پروژه‌ای در فول استک و Next.js.
پروژه‌ها

نمونه‌کارهای منتخب

مجموعه‌ای از محصولات، رابط‌ها و سیستم‌هایی که ساخته‌ام.

01

Beresta

بازار قهوه

FULL STACKSEO FOCUSED
BerestaBeresta
نمای کلی

بازار مدرن قهوه برای کشف و خرید برندهای پریمیوم قهوه.

چالش

ساخت پلتفرم مقیاس‌پذیر با مدیریت محتوای انعطاف‌پذیر و پشتیبانی چندزبانه.

راه‌حل

معماری ماژولار با Next.js، SSR، بهینه‌سازی SEO و کامپوننت‌های قابل استفاده مجدد.

تکنولوژی
Next.jsReactTypeScriptTailwindReduxDocker
عملکرد
  • معماری SSR
  • تصاویر بهینه‌شده
  • Core Web Vitals
  • زیرساخت SEO
02

Fastolean

پلتفرم آموزش

PWASCALABLE ARCHITECTURE
FastoleanFastolean
نمای کلی

پلتفرم دوره که درس‌های طولانی را به تجربه‌ای آفلاین‌محور و شبیه اپ تبدیل می‌کند.

چالش

نگه داشتن محتوای ویدیویی سنگین سریع روی اتصال ضعیف، بدون افت کیفیت تولید.

راه‌حل

بارگذاری تدریجی، کش پس‌زمینه با service worker و پوسته PWA قابل نصب دور پلیر.

تکنولوژی
Next.jsTypeScriptPWATailwindPostgreSQL
عملکرد
  • کش آفلاین‌محور
  • پایپ‌لاین ویدیوی lazy
  • پوسته اپ قابل نصب
  • انتقال مسیر زیر یک ثانیه
03

IranArabic

پلتفرم دایرکتوری

SCALABLE ARCHITECTUREMULTILINGUAL
IranArabicIranArabic
نمای کلی

دایرکتوری دوزبانه که کسب‌وکارها را در دو زبان، دو جهت خواندن، یک کدبیس وصل می‌کند.

چالش

سرویس‌دهی layoutهای RTL و LTR از یک کتابخانه کامپوننت بدون تکرار منطق برای هر locale.

راه‌حل

موتور layout آگاه از locale و مدل محتوای تایپ‌شده تا هر لیستینگ به‌صورت پیش‌فرض درست رندر شود.

تکنولوژی
Next.jsTypeScripti18nTailwindDocker
عملکرد
  • کامپوننت‌های مشترک RTL/LTR
  • تولید استاتیک بر اساس locale
  • زیرساخت SEO
  • کش لبه
04

Portfolio

سایت شخصی

FULL STACKPWA
Portfolio
نمای کلی

همین سایت — ساخته شده تا سه پروژه دیگر و هر چیزی بعد از آن‌ها را نگه دارد.

چالش

نمایش عمق فنی بدون تبدیل صفحه به رزومه‌ای که کسی تا آخر نمی‌خواند.

راه‌حل

کارت‌های sticky که مثل یک دسته کارت روی هم می‌آیند؛ هر کدام با accent خودش تا کار در یک نگاه خوانا بماند.

تکنولوژی
Next.jsTypeScriptTailwindFramer Motion
عملکرد
  • تصاویر بهینه‌شده
  • Core Web Vitals
  • پشتیبانی PWA
  • زیرساخت SEO
process.log

از ایده تا پروداکشن

یک فیچر واقعاً چطور از دست من رد می‌شود — در هر مرحله چیزی ساخته می‌شود، نه فقط یک تیک روی کاغذ.

💡

ایده

درک مسئله قبل از نوشتن کد.

📋

برنامه‌ریزی

شکستن فیچرها به تسک‌های قابل مدیریت.

جریان احراز هویت
داشبورد
صورتحساب
🏗️

معماری

طراحی سیستم‌های مقیاس‌پذیر و ماژولار.

💻

توسعه

ساخت کد قابل استفاده مجدد و قابل نگهداری.

🧪

تست

بررسی عملکرد، کیفیت و پایداری.

unit — 42/42
integration
e2e — 18/18
🚀

دیپلوی

CI/CD و انتشار در پروداکشن.

🚀
📊

مانیتورینگ

آنالیتیکس، بهینه‌سازی و بهبود مستمر.

0Perf
0SEO
0A11y

از ایده تا پروداکشن — هر جزئیات اهمیت دارد.

build/output
بیلد کامل شد
  • سریع
  • مقیاس‌پذیر
  • قابل نگهداری
  • آماده SEO
  • آماده پروداکشن
اوپن‌سورس و مهندسی

ساخت در معرض دید

زنده از گیت‌هاب — ریپازیتوری‌ها، کامیت‌ها و آنچه این هفته منتشر شده.

جواد حصاری

جواد حصاری

توسعه‌دهنده فول‌استک

github.com/mjhesari
500+کامیت
15+ریپازیتوری
4+سال

مشارکت

1925 کامیت در سال گذشته
روی یک روز هاور کنید تا ببینید چه چیزی منتشر شده

پروژه‌های پین‌شده

B

Beresta

مارکت‌پلیس
ویژه

پلتفرم چندفروشنده با موجودی و مدیریت سفارش در لحظه.

Next.jsTypeScriptPostgreSQL
F

Fastolean

آموزش
ویژه

پلتفرم یادگیری تطبیقی که درس‌ها را بر اساس عملکرد در آزمون مرتب می‌کند.

ReactNode.jsMongoDB
P

Portfolio

سایت شخصی

همین سایت. Server component، داده کش‌شده گیت‌هاب، بدون بار اضافی کلاینت.

Next.jsTypeScriptTailwind
C

Course Platform

آموزش

سیستم تحویل دوره ویدیویی با ردیابی پیشرفت و گواهینامه.

Next.jsPrismaStripe

فعالیت اخیر

دیروز
به‌روزرسانی پورتفولیو
بازطراحی بخش اوپن‌سورس
۳ روز پیش
انتشار Beresta v2.1
همگام‌سازی موجودی در لحظه
هفته گذشته
ریفکتور پنل ادمین
مهاجرت به server actions

ترمینال

mjhesari@macbook — zsh
mjhesari@macbook ~/beresta $

اعداد مهندسی

15+
ریپازیتوری
500+
کامیت
4+
سال تجربه
100%
TypeScript

زبان‌ها

TypeScript
90%
React
85%
Next.js
95%

کد فقط سینتکس نیست. ساخت سیستم‌هایی است که مقیاس‌پذیر باشند.

آماده همکاری فریلنس

بیا با هم بسازیم

ایده‌ای داری؟
بیا به واقعیت تبدیلش کنیم.

در حال حاضر برای پروژه‌های فریلنس، فرصت‌های ریموت و همکاری‌های بلندمدت در دسترس هستم.

نرم‌افزار خوب با یک گفتگو شروع می‌شود.