stackoverflow clone

استنساخ stackoverflow

• Live: http://clone-of-stackoverflow.vercel.app/

هذا المشروع عبارة عن استنساخ مكدس كامل من Stackoverflow. لقد كتبت ذلك لمعرفة المزيد حول NodeJs و React/Next و Pixel Perfect Design وقواعد بيانات NOSQL بشكل عام. لا تتردد في المساهمة!

مكدس التكنولوجيا

• ReactJs
• NextJS
• قصص
• postcss
• Nodejs
• يعبر
• mongodb
• النمس

️ المتطلب السابق

• العقدة
• NPM
• mongodb

؟ كيفية تشغيل محلي

 # Clone this repository
$ git clone https://github.com/salihozdemir/stackoverflow-clone

# Go into the repository
$ cd stackoverflow-clone

# Go into server
$ cd server

# Start mongodb locally
$ mongod

# Install dependencies
$ npm install

# Start the backend server
$ npm run dev

# On another terminal, go to the client folder
$ cd ../client

# Install dependencies
$ npm install

# Use the command below for Android devices
$ npm run dev

# To see the incomplete storybook components
npm run storybook

؟ الاختبار

تأكد من تشغيل MongoDB قبل اختبار الخادم.

$ cd server
$ yarn test

_{هناك اختبارات مفقودة على جانب الخادم ولا توجد اختبارات على جانب العميل حتى الآن.}

نشر

نشر تطبيق الخادم على Heroku

• ستحتاج إلى إعداد حساب وقاعدة بيانات MongoDB Atlas.

• تأكد من أن المجموعة قد تسمح بتوصيلات قائمة من أي مكان.

• إنشاء تطبيق هيروكو جديد.

• انتقل إلى إعدادات التطبيق

• أضف البيئة التالية.

  • database_url (لاستخدام سلسلة اتصال MongoDB الخاصة بك)
  • JWT_SECRET

• أضف Nodejs إلى buildpacks

•   # Go into the repository
    $ cd stackoverflow-clone
  
    # Heroku Setup
    $ npm install -g heroku
    $ heroku login
    $ heroku git:remote -a your-app-name
  
    # push subdirectory repository with subtree
    $ git subtree push --prefix server heroku master
  

نشر تطبيق العميل على Vercel

• حدد دليل العميل

• أضف url heroku API إلى site_name enviorement

• نشر تطبيق العميل أخيرًا

تودو

• إضافة مكونات مفقودة إلى كتاب القصص
• اختبارات الخادم المفقودة الكاملة
• أضف محرر نصية للنشر

رخصة

يتم توفير هذا المشروع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.