تطوير واجهات موقع تفسير الأحلام باستخدام Next.js وTailwind
تقييم المشروع
Mohamed A.
متعاون جدًا ومحترف وأنصح بالتعامل معه دائمًا.
بالتوفيق لك في مشاريعك القادمة!
كان شرف ليا أشتغل معاك، وإن شاء الله يكون بينا شغل تاني قريب
تفاصيل المشروع
مرحبًا،
أرغب في تنفيذ مشروع واجهات Frontend لموقع تفسير الأحلام باستخدام **Next.js + Tailwind CSS** مع الالتزام بتنظيم المجلدات باستخدام App Router وهيكلية مرتبة.
المطلوب تنفيذ الصفحات التالية:
1. **الصفحة الرئيسية** (Hero + نموذج التفسير + خطوات الاستخدام + المميزات + آراء المستخدمين + الأسئلة الشائعة + مقالات + دعوة للتفاعل + تذييل)
2. **صفحة تفسير حلم جديد** (نموذج إدخال الحلم وتحليله باستخدام AI)
3. **صفحة عرض النتيجة بعد التفسير** (عرض المعنى الكامل والتفاصيل بناءً على إدخال المستخدم)
4. **صفحة جميع المقالات** (شبكة مقالات مع روابط وتواريخ)
5. **صفحة عرض مقال واحد** (تفاصيل المقال مع تنسيق جميل وقراءة مريحة)
### متطلبات إضافية:
* الالتزام بـ App Router في Next.js (الصفحات داخل `app/`)
* استخدام Tailwind CSS بالكامل دون مكتبات تصميم جاهزة
* تنظيم المجلدات: components/, content/, lib/, types/
* النصوص الثابتة في ملفات JSON
* مقالات المدونة بصيغة Markdown داخل content/blog-posts/
### ملاحظات:
* التصميم متوفر كنموذج (أو يمكن التفاهم عليه)
* الكود يجب أن يكون نظيفًا وقابلًا للتوسعة
* لا حاجة للربط بقاعدة بيانات أو Backend حاليًا (نماذج فقط)
### **المطلوب استلامه:**
1. **مشروع Next.js جاهز بالكامل باستخدام App Router**
* تنظيم المشروع داخل مجلد `src/` مع المجلدات التالية:
* `app/`
* `components/`
* `content/`
* `lib/`
* `types/`
2. **تنفيذ الواجهات التالية بدقة تامة:**
* الصفحة الرئيسية `home/page.tsx`
* صفحة تفسير حلم جديد `dream/page.tsx`
* صفحة نتيجة التفسير `result/page.tsx`
* صفحة جميع المقالات `blog/page.tsx`
* صفحة مقال واحد `blog/[slug]/page.tsx`
3. **استخدام Tailwind CSS فقط** لتصميم جميع الصفحات
* مع تخصيص الألوان والهوية البصرية داخل ملف `tailwind.config.js`
* **يجب حفظ جميع الألوان المستخدمة كمتغيرات CSS** (داخل `:root`) أو عبر `extend.theme.colors` في Tailwind لتسهيل التعديل لاحقاً
4. **ربط جميع النصوص الثابتة من ملفات JSON داخل مجلد `content/`**
* أمثلة: `home.json`, `faq.json`, `common.json`, `terms.json`, ...
5. **تحميل مقالات المدونة من ملفات Markdown داخل `content/blog-posts/`**
* باستخدام lib مخصص لقراءة وتحليل الـ Markdown
6. **تنفيذ Navbar و Footer متجاوبين ومرتبطين بجميع الصفحات**
7. **إضافة حركة خفيفة (Animations) لتحسين تجربة المستخدم**
* باستخدام `transition`, `hover`, و`framer-motion` (اختياري)
8. **تصميم متجاوب بالكامل (Responsive) على جميع الشاشات: جوال، تابلت، كمبيوتر**
9. **كتابة الكود بشكل نظيف ومنظم**
* استخدام TypeScript
* تعليقات على المكونات المهمة
* فصل كل مكون في ملف خاص ضمن `components/`
10. **تسليم المشروع إما عبر GitHub أو ملف مضغوط `.zip`**
العروض المقدمة
Abderrahman B.
مرحبا أستاذ محمد، أشكرك على توضيح جميع المتطلبات بهذا الشكل المنظم، مما يسهل تنفيذ المشروع بكفاءة. مدة التنفيذ: 4 أيام موزعة على مراحل: اليوم الأول: إعداد المشر...
محمود م.
السلام عليكم معك محمود Frontend Developer React.js Next.js خبرة اكثر من سنتين في تطوير المواقع باستخدام React.js Next.js يمكنني العمل علي المشروع بكفاءة عالية و...
زياد م.
السلام عليكم ورحمه الله استطيع تنفيذ مشروعك با اذن الله وسبق لي التعامل معا مشاريع next js كبيرة وحاليا اعمل في مشروع next js واستطيع العمل بكل المتطلبات المطلو...
علاء الدين س.
مرحبا، اطلعت على تفاصيل المشروع بعناية ويسعدني التقدم لتنفيذه بجودة عالية واحترافية كاملة. أنا مطور واجهات أمامية بخبرة في Next.js وتصميم واجهات المستخدم العصري...
Abdaullah B.
مرحبا، أنا عبدالله بكري، مطور واجهات أمامية بخبرة أكتر من 5 سنين في تصميم وتطوير مواقع احترافية وسهلة الاستخدام باستخدام أحدث التقنيات مثل React وNext.js، وبتصم...
Ola A.
أهلا أ/ محمد شكرا على توضيح فكرة المشروع وتنظيم المتطلبات بهذه الدقة، وهذا يدل على رؤيتك الواضحة.بعد مراجعة تفاصيل المشروع بدقة، أؤكد لك أنني ملمة تماما بكل ما ...
Oun A.
أنا عون العزام مطور واجهات أمامية (Full Stack Developer) لدي خبرة واسعة في بناء مشاريع منظمة وقابلة للتطوير وهيكلية مرتبة كما طلبتم بالضبط. قرأت جميع تفاصيل الم...
يونس ع.
سلام عليكم - لدي خبرة في إنشاء لوحات التحكم و المواقع الإلكترونية باستعمال React js - Node js - Express js - Tailwindcss - من مهاراتي تحويل التصاميم إلى أكواد (...
Khaled H.
السلام عليكم مع حضرتك بشمهندس خالد، مطور مواقع Front-end Developer متخصص في React.js و Next.js. لدي خبرة قوية في بناء واجهات مستخدم احترافية باستخدام Clean Code...
Tarek Chaouki B.
مرحبا أنا مطور واجهات أمامية متخصص في نكست جي إس مع تايلويند، قرأت المشروع بعناية ويمكنني تنفيذه بكل احترافية وتنظيم وقابلية للتوسعة مستقبلا. ماذا سأقدم لك مشرو...
صلاح ش.
اهلا يا بشمهندس, انا مطور Frontend وخبره مثبته في Next.js وعندي القدره للعمل على المشروع الخاص بحضرتك وقادر اني التزم بكل التقنيات والوقت بحيث نصل اللى الموقع ا...
Ahmed M.
السلام عليكم أستاذ محمد، أتمنى أن تكون بخير وفي أفضل حال يسعدني أن أقدم لك عرضا لتنفيذ واجهات موقع تفسير الأحلام بطريقة احترافية باستخدام Nextjs (App Router) وT...
Mohamed I.
أنا محمد إبراهيم، متخصص في تطوير الواجهات باستخدام Next.js وTailwind CSS. اطلعت على تفاصيل مشروعك، وقمت بعمل نسخة اولية للموقع المطلوب تستطيع رؤيتها في المرفقات...
Mahmoud M.
السلام عليكم كنت عامل مشروع زي دا قبل كدا و معايا الكود جاهز خليه الكود ليك علي طول و هظهر لك المشروع قبل ما تعمل لي تعيين كمان هرفعه علي جيت هوب و اعطيك لينك و...
Alaa E.
السلام عليكمورحمةاللهوبركاته، معك آلاء السيد مطوره Frontend متخصصة في React وNext.js، وعندي خبرة قوية في استخدام App Router مع Tailwind CSS، وتنظيم المشاريع بشك...
Aymen D.
تفاصيل العرض: أقترح تنفيذ مشروع واجهات موقع تفسير الأحلام باستخدام Next.js (App Router) وTailwind CSS بأسلوب احترافي، منظم، وقابل للتوسعة، وفق المواصفات والمتطل...
عبدالله ح.
السلام عليكم أنا عبدالله حسون مطور واجهات أمامية متخصص في Next js , React js خبرة كبيرة عملت بها على العديد من المشاريع المختلفة طبعا برضا كامل للعملاء أتمنى زي...
احمد ن.
? مقدم الخدمة: [احمد ناصر] مطور واجهات أمامية بخبرة في Next.js وTailwind CSS، متخصص في تطوير مواقع احترافية وسريعة الاستجابة مع تنظيم مثالي للكود والمجلدات. وصف...
Kamal H.
استاذ محمد ، أتمنى أن تكون بخير وبصحة وسلامة. يسعدني إبلاغكم بأنني جاهز تماما لبدء العمل على تنفيذ المشروع، وأقترح تحديد موعد لعقد اجتماع (Meeting) في أقرب وقت ...
محمود ا.
مرحبا أنا محمود، مهندس برمجيات مختص بـ Next.js (App Router) و Tailwind CSS مع خبرة عملية تزيد عن 4 سنوات في بناء منتجات SaaS ولوحات معلومات بيانات. عملت على أكث...
Mahmoud A.
مرحبا بشمهندس محمد انا محمود اشتغلت فى شركات برمجة مسبقة و لدي خبرة فى مجال تطوير واجهات المستخدم باحدث التقنيات زي Next.js 15 - Tailwindcss - Typescript انا قر...
Mahmoud E.
السلام عليكم محمد مشروعك بصراحة جذبني جدا عندي خبرة قوية في تطوير الواجهات باستخدام Next.js (App Router) Tailwind CSS، واشتغلت قبل كده على مشاريع مشابهة بهيكلية...
Khalil L.
مرحبا محمد، أنا خليل، مطور واجهات أمامية بخبرة عملية في تطوير مواقع كاملة باستخدام Next.js App Router وTailwindCSS بهيكلية منظمة تشمل app/, components/, content...
Nada A.
مرحبا أستاذ محمد، أنا مطورة Frontend ولدي خبرة جيدة جدا في Next.js (باستخدام App Router) وTailwind CSS. أقدر أستخدمهم مع بعض لإخراج شغل نظيف، منظم، ومتجاوب مع ج...
عمر ا.
مرحبا أستاذ محمد، انا عمر سوف اكون قادر على انجاز هذا الموقع بتقنيات المطلوبة لأني مختص بهادة المجال اعمل كمطور MERN Stack من خلال منصة اخرة بتقيم top Rated: قا...
Ghofran M.
مرحبا، أنا مطور واجهات أمامية متخصص في بناء تطبيقات ومواقع عصرية عالية الأداء باستخدام أحدث تقنيات الويب، ويسعدني أن أقدم لكم هذا العرض الاحترافي، المصمم خصيصا ...
Mohamed F.
السلام عليكم أستاذ محمد، معك محمد، مطور وخبير مواقع ويب. قرأت تفاصيل مشروعك جيدا، ويمكنني تنفيذه بدقة وكفاءة عالية. سأبدأ بتنفيذ جزء مبدئي لتوضيح رؤيتك ومتطلبات...