More Premium Hugo Themes Premium React Themes

Stackoverflow Clone Frontend

Clone project of a famous Q/A website for developers built using MySQL, Express, React, Node, Sequelize :globe_with_meridians:

Stackoverflow Clone Frontend

Clone project of a famous Q/A website for developers built using MySQL, Express, React, Node, Sequelize :globe_with_meridians:

Author Avatar Theme by mayank0255
Github Stars Github Stars: 568
Last Commit Last Commit: Aug 27, 2022 -
First Commit Created: Feb 24, 2024 -
default image

Overview:

This project is a clone of a popular Q/A website for programmers built using the MERN stack. The frontend is in React.js with Redux for state management, while the backend is in Node.js with Express.js and MySQL with Sequelize as the database.

Features:

  • MERN Stack: Frontend in React.js with Redux, backend in Node.js with Express.js, and MySQL with Sequelize for the database.
  • Manual Setup: Steps provided for setting up the project manually including cloning the code, installing modules, setting up the backend, and frontend.
  • Docker Support: Instructions for setting up the backend in a Docker container, including building the Docker image and running the container with the correct environment variables.

Installation:

Manual Setup:

  1. Open your local CLI.
  2. Setup the backend code.
  3. Create a .env file following the format in .env.example.
  4. Clone the code and install the modules.
  5. Open your MySQL Client and keep the database name same in the .env.
  6. Run the backend with npm start.
  7. Open a new CLI terminal, go to the root folder, and setup the frontend code.
  8. Clone the code and install the modules.
  9. Run the frontend client with npm start.

Docker Setup:

  1. Setup environment variables in the .env file for Docker.
  2. Build the Docker image.
  3. Run the container with correct MySQL Database IP.
  4. Access the API at the default port 5000.

Summary:

This project is a clone of a popular Q/A website using the MERN stack. It provides guidelines for setting up the project manually or using Docker, making it accessible for both frontend and backend developers. By following the provided steps, developers can easily setup and run the project in their local environment.