Overview

The Stackoverflow CloneLive project is a full stack clone of Stackoverflow developed to enhance the knowledge of technologies such as Nodejs, React/Next, pixel perfect design, and NoSQL databases. The tech stack includes ReactJs, NextJs, Storybook, PostCSS, NodeJs, Express, MongoDB, and Mongoose.

Features

• Full Stack Clone: A simplified version of Stackoverflow designed to showcase various technologies.
• Tech Stack: Utilizes ReactJs, NextJs, Storybook, PostCSS, NodeJs, Express, MongoDB, and Mongoose.
• Pixel Perfect Design: Focuses on achieving a design that is pixel perfect.

Installation

1. Prerequisites: Ensure that Node.js, npm, and MongoDB are installed.
2. Local Setup:
   • Clone the repository.
   • Install dependencies using npm install.
   • Start the server using npm start.
   • Ensure MongoDB is running before testing.
3. Testing:
   • Start the server and ensure MongoDB is running.
   • Missing tests on the server and client side.
4. Deployment:
   • Deploy server app on Heroku:
     • Set up a MongoDB Atlas account.
     • Create a new app on Heroku.
     • Add environment variables for DATABASE_URL and JWT_SECRET.
     • Deploy the server by adding Node.js to buildpacks.
   • Deploy client app on Vercel:
     • Deploy with Vercel and specify the client directory.
     • Add Heroku API URL to SITE_NAME environment variable.
     • Finally, deploy the client application.

Summary

The Stackoverflow CloneLive project is a full stack clone of Stackoverflow aimed at learning and showcasing technologies like Nodejs, React/Next, pixel perfect design, and NoSQL databases. It provides key features such as a simplified Stackoverflow clone, a diverse tech stack, and a focus on achieving a pixel perfect design. The installation guide outlines the setup process for local development, testing, and deployment on platforms like Heroku and Vercel.