محمد باباخانی

همکاری در توسعه و پیاده‌سازی پروژه‌های نرم‌افزاری واقعی برای مجموعه‌ها و شرکت‌های مختلف.
توسعه رابط کاربری پروژه‌ها با استفاده از React.js و Next.js.
پیاده‌سازی صفحات و کامپوننت‌های Responsive و قابل استفاده مجدد.
اتصال Front-End به REST API و پیاده‌سازی جریان دریافت و ارسال اطلاعات.
همکاری با تیم پروژه و اعمال تغییرات و نیازمندی‌های اعلام‌شده.

پروژه سامانه استراحتگاه

سامانه‌ای برای جست‌وجو و مدیریت اقامتگاه که با استفاده از Next.js توسعه داده شده است.

توسعه سامانه با Next.js و پیاده‌سازی ساختار Front-End پروژه.
توسعه ۸ پنل مجزا برای نقش‌ها و بخش‌های مختلف سامانه.
استفاده از Route Handler (route.js) برای مدیریت درخواست‌های سمت سرور و جلوگیری از قرار گرفتن مستقیم برخی اطلاعات و منطق حساس در Client.
پیاده‌سازی ارتباط با API و مدیریت درخواست‌های سمت سرور.
توسعه کامپوننت‌های قابل استفاده مجدد و رابط کاربری Responsive.
پیاده‌سازی صفحات و قابلیت‌های مختلف سامانه بر اساس نیازمندی‌های پروژه.

نمونه پروژه:
https://www.aparat.com/video/video/embed/videohash/azo82ca/vt/frame

پروژه سازمانی محرمانه مرتبط با وزارت کشور

توسعه کامل Front-End فاز اول یک پروژه سازمانی محرمانه با استفاده از Next.js.
استفاده ترکیبی از SSR و CSR متناسب با نیازمندی و ماهیت صفحات مختلف پروژه.
پیاده‌سازی صفحات و کامپوننت‌های پروژه بر اساس نیازمندی‌های تیم و طراحی ارائه‌شده.
توسعه رابط کاربری و اتصال بخش‌های مختلف Front-End به سرویس‌های Backend.
مشارکت در توسعه و تکمیل فاز اول پروژه.

به دلیل ماهیت محرمانه پروژه، امکان ارائه کد، تصاویر یا جزئیات فنی آن وجود ندارد. در صورت نیاز، امکان ارائه تأییدیه رسمی سابقه همکاری از طرف شرکت وجود دارد.

پروژه سامانه اوقات فراغت — اداره کل ورزش و جوانان کشور

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

توسعه سامانه با Next.js.
استفاده از Context API برای مدیریت State بخش‌های مختلف برنامه.
پیاده‌سازی فرم‌های پیچیده با Formik.
اعتبارسنجی اطلاعات فرم‌ها با Yup.
پیاده‌سازی نقشه تعاملی با React-Leaflet.
توسعه قابلیت‌های مربوط به نمایش و انتخاب موقعیت‌ها روی نقشه.
پیاده‌سازی نسخه Web App بهینه‌شده برای استفاده در موبایل.
توسعه کامپوننت‌های Responsive و قابل استفاده مجدد.
اتصال Front-End به APIهای Backend.

نمونه پروژه اصلی:
https://www.aparat.com/video/video/embed/videohash/dfli9k3/vt/frame

نسخه موبایل Web App:
https://www.aparat.com/video/video/embed/videohash/bmo2fp4/vt/frame

پروژه آساردیاب

سامانه‌ای برای ردیابی و مدیریت ناوگان شامل تاکسی‌ها و خودروهای خدماتی.

توسعه سامانه با React.js و Redux Toolkit.
استفاده از React-Leaflet برای پیاده‌سازی نقشه تعاملی.
نمایش موقعیت تاکسی‌ها روی نقشه و امکان جست‌وجو و پیدا کردن آن‌ها.
مدیریت State و داده‌های سامانه با Redux Toolkit.
توسعه صفحات و کامپوننت‌های موردنیاز سامانه.
اتصال رابط کاربری به APIهای Backend.

نمونه پروژه:
https://www.aparat.com/video/video/embed/videohash/xtpf3t4/vt/frame

پروژه سهبا

اولین تجربه کاری من در یک پروژه واقعی در حوزه نرم‌افزار بود. پروژه در ابتدا دارای مشکلات ساختاری و UI/UX بود و بخشی از توسعه قبلی آن نیازمند بازطراحی و بهبود بود.

بررسی و بهبود Front-End موجود پروژه.
بازطراحی و پیاده‌سازی UI پروژه از ابتدا با توجه به نیازمندی‌های محصول، بدون وجود طراحی UI/UX آماده.
بازسازی و بهبود بخش‌هایی از کد موجود.
توسعه رابط کاربری با React.js.
استفاده از Context API برای مدیریت State.
استفاده از Axios برای ارتباط با APIهای Backend.
پیاده‌سازی و بهبود صفحات و کامپوننت‌های مختلف سامانه.
رفع مشکلات موجود در رابط کاربری و بهبود تجربه استفاده از سامانه.

نمونه پروژه:
https://www.aparat.com/video/video/embed/videohash/oxb8t7q/vt/frame

Personal Website

GitHub:
https://github.com/MohammadBabakhaniDes/personalWebsite

Contact Manager

GitHub:
https://github.com/MohammadBabakhaniDes/contact-manager

Sticker Shop

GitHub:
https://github.com/MohammadBabakhaniDes/stickerShop

عضو استعداد درخشان دانشجویان ورودی 99 در دانشگاه رازی هستم