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.
This repo consists of the Frontend code of the project, the backend code is in Stackoverflow-Clone-Backend
My Tech Stack (MERN)
Front-end
- Front-end Framework:
React.js (with Redux) - Styling:
SASSandBOOTSTRAP
Back-end
- For handling server requests:
Node.js with Express.js Framework - As Database:
MySQL - API tested using:
POSTMAN
Original Tech Stack
- For handling server requests:
C# - As Database:
Microsoft SQL Server .NETas well
Contributing
- Go to
Contributing.md
Guidelines to setup
Open your local CLI -
mkdir Stackoverflow-Clone cd Stackoverflow-CloneSetup the backend code -
Create a
.envfile and the format should be as given in.env.example.Clone the code & install the modules-
git clone https://github.com/Mayank0255/Stackoverflow-Clone-Backend.git cd Stackoverflow-Clone-Backend npm installOpen your MySQL Client -
source ./data/databaseConfig.sql source ./data/seed.sqlRun the server
npm run server.
Open a new CLI terminal and goto the root
Stackoverflow-Clonefolder you created in the first step.Setup the Frontend code -
Clone the code & install the modules-
git clone https://github.com/Mayank0255/Stackoverflow-Clone-Frontend.git cd Stackoverflow-Clone-Frontend npm installRun the client server
npm start.
Follow the steps properly and you are good to go.
DEMO
VIDEO - Watch the video
Video Last Updated on 22nd March, 2020
IMAGES
-
Stackoverflow Clone Live: http://clone-of-stackoverflow.vercel.app/ This project is a simplified a full stack clone of Stackoverflow. I wrote it to learn more about Nodejs, React/Next, pixel perfect d
-
Git introduces --filter option to git clone command, which filters out large files and objects (such as blobs) to create partial clone of a repo. Clone filters are especially useful for large repo and
-
描述 (Description) clone( )方法克隆匹配的DOM元素并选择克隆。 这对于将元素的副本移动到DOM中的另一个位置非常有用。 语法 (Syntax) 以下是使用此方法的简单语法 - <i>selector</i>.clone( ) 参数 (Parameters) 以下是此方法使用的所有参数的说明 - NA 例子 (Example) 以下是一个简单的例子，简单地显示了这种方法的用
-
描述 (Description) 它返回具有相同模型列表的集合的新实例。 语法 (Syntax) collection.clone() 例子 (Example) <!DOCTYPE html> <html> <head> <title>Collection Example</title> <script src = "https://code.jquery.com/
-
描述 (Description) 模型克隆用于创建模型的深层副本或将一个模型对象复制到另一个对象。 语法 (Syntax) model.clone() 例子 (Example) <!DOCTYPE html> <html> <head> <title> Model Example</title> <script src = "https://code.jquery.
-
1. 申请应用 点击：注册 OAuth 应用 (opens new window) 创建完成后，会自动进入到应用详情页面 可以通过 http://stackapps.com/apps/oauth (opens new window) 查看以注册的应用。 记录以下三个信息：Client Id、Client Secret和Key，后面我们会用到。需要注意的一点就是 StackOverflow 平台不需