stackoverflow clone

stackoverflow克隆

• 直播：http：//clone-of-stackoverflow.vercel.app/

该项目简化了Stackoverflow的完整堆栈克隆。我编写了它是为了了解有关Nodejs，React/Next，Pixel Perfect Design和NOSQL数据库的更多信息。随时做出贡献！

技术堆栈

• Reactjs
• nextjs
• 故事书
• Postcss
• nodejs
• 表达
• mongodb
• 猫鼬

配x先决条件

• 节点
• 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

• 将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上部署客户端应用

• 选择客户端目录

• 将heroku api url添加到site_name设想

• 最后部署客户端应用程序

托多

• 将缺少的组件添加到故事书中
• 完整缺少服务器测试
• 添加文本编辑器以备份

执照

该项目可根据MIT许可提供。