stackoverflow clone

Stackoverflowクローン

• ライブ：http：//clone-ofstackoverflow.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アカウントとデータベースをセットアップする必要があります。

• クラスターにどこからでも接続が許可されていることを確認してください。

• Heroku新しいアプリを作成します。

• アプリ設定に移動します

• 次の環境を追加します。

  • database_url（mongodb接続文字列を使用するには）
  • jwt_secret

• burtionpacksにnodejsを追加します

•   # 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にクライアントアプリを展開します

• クライアントディレクトリを選択します

• Heroku API URLをSite_Name enviorementに追加します

• 最後に、クライアントアプリケーションを展開します

トト

• 不足しているコンポーネントをストーリーブックに追加します
• 不足しているサーバーテストを完了します
• 投稿にテキストエディターを追加します

ライセンス

このプロジェクトは、MITライセンスの下で利用可能になります。