این پروژه یک وب‌سایت شخصی واکنش‌گرا و مدرن است که با استفاده از فناوری‌های React و Tailwind CSS ساخته شده است. این وب‌سایت نمونه کارهای حرفه‌ای، مهارت‌ها و اطلاعات تماس را به صورت زیبا و کاربرپسند نمایش می‌دهد.
- طراحی واکنش‌گرا و سازگار با دستگاه‌های مختلف
- پشتیبانی از چند زبان (فارسی و انگلیسی) با i18next
- انیمیشن‌های جذاب با Framer Motion
- نمایشگر پورتفولیو با قابلیت فیلتر کردن پروژه‌ها
- فرم تماس با EmailJS
- بهینه‌سازی SEO
- سازگار با قوانین PWA
- تم دارک مدرن و زیبا
این وب‌سایت شامل نمونه کارهای متنوعی است:
- Game Store: فروشگاه بازی ساخته شده با React و TypeScript
- Crypto Way: داشبورد ارزهای دیجیتال با React و Redux
- ChatBot AI: چت‌بات هوشمند ساخته شده با Next.js
- Car 3D Web: نمایش سه‌بعدی ماشین با Three.js و React
- React: کتابخانه جاوا‌اسکریپت برای ساخت رابط کاربری
- Tailwind CSS: فریم‌ورک CSS برای طراحی رابط کاربری
- Framer Motion: کتابخانه انیمیشن برای React
- i18next: کتابخانه بین‌المللی‌سازی (i18n) برای چند زبانه کردن برنامه
- EmailJS: سرویس ارسال ایمیل بدون نیاز به سرور
- React Icons: مجموعه‌ای از آیکون‌های محبوب برای React
- Vite: ابزار توسعه مدرن و سریع برای React
برای راه‌اندازی پروژه در محیط توسعه محلی خود، دستورات زیر را اجرا کنید:
# کلون کردن مخزن
git clone https://github.com/your-username/personalweb.git
# وارد شدن به پوشه پروژه
cd personalweb
# نصب وابستگی‌ها
npm install
# اجرای برنامه در محیط توسعه
npm run devسپس برنامه در آدرس http://localhost:5173 قابل دسترس خواهد بود.
npm run dev: اجرای برنامه در محیط توسعهnpm run build: ساخت نسخه نهایی برای انتشارnpm run preview: پیش‌نمایش نسخه ساخته شدهnpm run lint: بررسی کد با ESLint
این پروژه برای عملکرد و سرعت بهینه‌سازی شده است:
- استفاده از lazy loading برای تصاویر
- کد‌های تقسیم‌شده (code splitting) برای بارگذاری سریع‌تر
- استفاده از کش‌کردن و تکنیک‌های مدرن وب
این پروژه تحت مجوز MIT منتشر شده است. برای اطلاعات بیشتر به فایل LICENSE مراجعه کنید.
برای سوالات یا همکاری، می‌توانید از طریق وب‌سایت یا ایمیل با من در ارتباط باشید.