stackoverflow clone

Clone Stackoverflow

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

Este projeto é um clone de pilha completa do StackOverflow. Eu escrevi para saber mais sobre o NodeJS, React/Next, Pixel Perfect Design e Banco de dados NoSQL em geral. Sinta -se à vontade para contribuir!

Pilha de tecnologia

• Reactjs
• NextJs
• Livro de histórias
• POSTCSS
• Nodejs
• Expressar
• MongoDB
• Mangusto

️ Pré -requisito

• nó
• npm
• MongoDB

? Como correr local

 # 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

? Teste

Verifique se o MongoDB está em execução antes de testar o servidor.

$ cd server
$ yarn test

_{Há testes ausentes no lado do servidor e ainda não há testes no lado do cliente.}

Implantar

Implantando aplicativo de servidor no Heroku

• Você precisará configurar uma conta e um banco de dados do MongoDB Atlas.

• Certifique -se de que o cluster tenha conexões com a lista de permissões de qualquer lugar.

• Crie um novo aplicativo Heroku.

• Vá para as configurações de aplicativos

• Adicione os seguintes ambientes.

  • Database_url (para usar sua string de conexão mongodb)
  • JWT_SECRET

• Adicionar nodejs aos 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
  

Implantando aplicativo cliente em vercel

• Selecione o diretório do cliente

• Adicione o URL da API Heroku ao ambiente site_name

• Finalmente implante o aplicativo cliente

Pendência

• Adicione componentes ausentes ao livro de histórias
• Testes completos de servidor ausentes
• Adicionar editor de texto para post

Licença

Este projeto é disponibilizado sob a licença do MIT.