Stackoverflow Clone

Abstract

1. Introduction

This project is a simplified a full stack clone of Stackoverflow. I wrote it to learn more about Nodejs, React/Next, pixel perfect design and NoSQL databases in general. Feel free to contribute!

2. Objective

This project is a simplified a full stack clone of Stackoverflow.

This project demonstrates how JavaScript, Next.js, React can be applied to a real-world Full Stack Web Development problem.

4. Technology Stack

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

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm
• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/salihozdemir/stackoverflow-clone.git
cd stackoverflow-clone

1. You will need to have setup a MongoDB Atlas account and database.
2. Make sure that the cluster has allowlisted connections from anywhere.
3. Create a Heroku new app.
4. Go to app settings
5. Add the following enviroments.
6. DATABASE_URL (to use your MongoDB connection string)
7. JWT_SECRET
8. Add Nodejs to buildpacks

# 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

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by salihozdemir and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.