Grddit : Reddit Clone

Griddit هو نسخة متماثلة من GitHub تحتوي على ميزات مثل مصادقة المستخدم، إنشاء الملفات الشخصية، إنشاء المشاركات والتعليقات، التصويت، الرسائل الفورية، والتمرير اللانهائي. يمكن للمستخدمين إنشاء مجموعات، الانضمام إلى المجتمعات، واستكشاف المحتوى.

مراحل التنفيذ :

-في البداية قمت بتجميع بيانات عن الخصائص التي اريد تنفيذها في الموقع عبر استكشاف موقع ريديت وبدات ببناء رسم هيكلي علي الورق

-قمت بتنفيذ ذلك الرسم باستخدام reactjs عن طريق JSX حتي توصلت الي الشكل النهائي متضمنا بيانات مزيفة مؤقته

-قمت بالتفكير في هيكل للبيانات المختلفة سواء للمستخدمين او المجموعات او المنشورات او المحادثات بعد ذلك قمت ببنائها باستخدام mongoose الخاص ب mongoDB

-بدات في تصميم RESTful API's لتجميع تلك البيانات وايصالها للموقع بالشكل المناسب لها

-بعد ذلك قمت بعمل fetch لتلك الapi's في react لكل مكون من مكونات الصفحة حسب حاجته حتي وصلت للتصميم النهائي بعرض بيانات حقيقية

استخدمت:

React

Node.js

Express.js

MongoDB وMongoose

Axios

Redux

React Router

Socket.io: للاستخدام في الاتصالات الفورية

JSON Web Token (JWT): للاستخدام في المصادقة والتفويض

Multer: للتعامل مع تحميل الملفات، مثل صور الملفات الشخصية