stackoverflow clone

Stackoverflow -Klon

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

Dieses Projekt ist ein vereinfachtes Stapelklon aus Stackoverflow. Ich habe es geschrieben, um mehr über NodeJs, React/Next, Pixel Perfect Design und NoSQL -Datenbanken im Allgemeinen zu erfahren. Fühlen Sie sich frei zu beitragen!

Tech Stack

• Reactjs
• NEXTJS
• Storybook
• Postcss
• Nodejs
• Äußern
• MongoDb
• Mungo

Euen Voraussetzung

• Knoten
• NPM
• MongoDb

? Wie man lokal rennt

 # 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

? Testen

Stellen Sie sicher, dass MongoDB ausgeführt wird, bevor Sie den Server testen.

$ cd server
$ yarn test

_{Auf der Serverseite fehlen Tests und es gibt noch keine Tests auf der Client -Seite.}

Einsetzen

Bereitstellung der Server -App auf Heroku

• Sie müssen ein MongoDB -Atlas -Konto und eine Datenbank einrichten.

• Stellen Sie sicher, dass der Cluster Verbindungen von überall von übernommen hat.

• Erstellen Sie eine neue App von Heroku.

• Gehen Sie zu App -Einstellungen

• Fügen Sie die folgenden Umgebungen hinzu.

  • Database_url (Um Ihre MongoDB -Verbindungszeichenfolge zu verwenden)
  • Jwt_secret

• Fügen Sie Nodejs zu Buildpacks hinzu

•   # 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
  

Bereitstellung der Client -App auf Vercel

• Wählen Sie das Client -Verzeichnis

• Fügen Sie Heroku API -URL zur Umgebung von Site_Name hinzu

• Schließlich stellen Sie die Clientanwendung bereit

Todo

• Fügen Sie fehlende Komponenten zum Storybook hinzu
• Fügen Sie fehlende Servertests ab
• Texteditor für den Beitrag hinzufügen

Lizenz

Dieses Projekt wird im Rahmen der MIT -Lizenz zur Verfügung gestellt.