react tailwindcss portfolio

محفظة React & Tailwindcss - مع وضع الظلام

سمة مبتدئة محفظة بسيطة تم تصميمها مع CSS React و Tailwind. هذا هو الإصدار React of Vuejs-Tailwindcss-Portfolio.

عنوان URL التجريبي

https://react-tailwindcss- portfolio.netlify.app

إصدارات أخرى من هذا المشروع

• الإصدار التالي
• الإصدار Vue.js: https://github.com/realstoman/vuejs-tailwindcss- Portfolio
• الإصدار nuxt.js: https://github.com/realstoman/nuxtjs-tailwindcss- portfolio

سمات

• React V18 مع React Router V6
• Tailwind CSS V3
• Context API لإدارة الدولة
• السنانير المخصصة
• اختبار الوحدة
• تحولات الحركة والرسوم المتحركة Framer
• مكونات قابلة لإعادة الاستخدام
• الوضع المظلم
• تصفية المشاريع حسب الفئة
• تصفية المشاريع عن طريق البحث
• التمرير السلس
• عداد
• أشكال ديناميكية
• العودة إلى الزر العلوي
• تنزيل زر الملف
• تصميم بسيط وسريع الاستجابة

للمساهمة في هذا المشروع ، اقرأ إرشادات المساهمة

يثبت

1. تأكد من تثبيت عقدة JS. إذا لم يكن لديك:

• قم بتنزيله من nodejs.org
• تثبيته باستخدام NVM
• إذا كنت في نظام التشغيل Mac ، فإن Homebrew خيار جيد أيضًا:

 brew install node

2. استنساخ الريبو:

 git clone https://github.com/realstoman/react-tailwindcss-portfolio.git

3. افتح مجلد المشروع:

 cd react-tailwindcss-portfolio

4. تثبيت الحزم والتبعيات:

 yarn

4. ملاحظة: إذا لم يكن لديك غزل مثبتة ، فيمكنك تثبيته على مستوى العالم باستخدام NPM:

 npm install --global yarn

5. ابدأ خادم DEV المحلي على http://localhost:3000 :

 yarn start

6. إجراء اختبارات:

 yarn test

ملحوظات

• قم دائمًا بتشغيل yarn install بعد سحب تغييرات جديدة
• سأقوم باستمرار بتحديث هذا الريبو حيث سأضيف المزيد من الأقسام إليه ، لذا يرجى دائمًا التحقق من قسم المشاريع في هذا الريبو لمعرفة المهام التي تقع فيها TODO وفي التقدم
• قريبا سأقوم بعمل شاشة. سرعان ما سأقوم بتحميل مقطع فيديو على قناتي على YouTube حيث سأخوض عملية إنشاء هذا portoflio
• الرسوم التوضيحية من Undcraw و Freepik
• صور من عدم الصماء
• لا تتردد في استخدامه كمحفظة خاصة بك
• المساهمات موضع ترحيب

رخصة

معهد ماساتشوستس للتكنولوجيا