44

StackOverflow CLONE

 3 years ago
source link: https://github.com/Mayank0255/StackOverflowClone
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

StackOverflowClone

Copyright © 2020 Mayank Aggarwal

As the name suggests, this project is a clone of a famous Q/A website for professional and enthusiast programmers built solely by me using a completely different stack.

My Tech Stack (MERN)

Front-end

  • Front-end Framework: React.js (with Redux)
  • Styling: SASS and BOOTSTRAP

Back-end

Node.js with Express.js Framework
MySQL
POSTMAN

Original Tech Stack

C#
Microsoft SQL Server
.NET

Guidelines to setup

Prerequisites

NPM version > 6.8.5
NODE LTS version > 10.12.8
MYSQL version > 8.0.10

Steps

  1. Create a .env file and the format should be as given in .env.example .
  2. Run these commands then -
    npm i (Install all the dependencies)
    
    cd client (Move to client directory)
    
    npm i (Install all the client side dependencies)
    
    npm audit fix (Run whenever it dhows that there are vulnerabilities)
  3. Run databaseConfig.sql file in the mysql client
    source <file path>/databaseConfig.sql
  4. Start the servers
    Option 1 (for running both the servers simultaneously):
    
    npm run dev
    
    Option 2 (for running both the servers individually):
    
    npm run server (for backend server only)
    
    npm run client (for frontend server only)

NOTE: Might take sometime to start as there will be 2 servers running.

DEMO

VIDEO - Watch the video

IMAGES

Qramy2U.png!webQnUNnaJ.png!webEBrYV3u.png!webbmeiaiJ.png!web7v2uiiY.png!webBFJnAvm.png!web


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK