stackoverflow clone

Stackoverflow 클론

• 라이브 : http://clone-of-stackoverflow.vercel.app/

이 프로젝트는 StackoverFlow의 전체 스택 클론을 단순화 한 것입니다. Nodejs, React/Next, Pixel Perfect Design 및 NOSQL 데이터베이스에 대해 더 많이 배우기 위해 글을 썼습니다. 자유롭게 기여하십시오!

기술 스택

• 반응
• 다음 JS
• 스토리 북
• 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 New 앱을 만듭니다.

• 앱 설정으로 이동하십시오

• 다음 환경을 추가하십시오.

  • Database_URL (MongoDB 연결 문자열 사용)
  • JWT_SECRET

• buildpacks에 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에 추가하십시오

• 마지막으로 클라이언트 응용 프로그램을 배포합니다

TODO

• 스토리 북에 누락 된 구성 요소를 추가하십시오
• 누락 된 서버 테스트를 완료합니다
• 게시물에 텍스트 편집기를 추가하십시오

특허

이 프로젝트는 MIT 라이센스에 따라 제공됩니다.