Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/injusmol/stackoverflow-replica-web-app

Full-stack stackoverflow.com clone web application using Node.js, MongoDB, and React.
https://github.com/injusmol/stackoverflow-replica-web-app

Last synced: 17 days ago
JSON representation

Full-stack stackoverflow.com clone web application using Node.js, MongoDB, and React.

Awesome Lists containing this project

README 

        
### Instructions: Running the StackOverflow Replica Web Application



**A. GENERAL BACKGROUND:**

The StackOverflow Replica web application is a simulated platform resembling the popular Stack Overflow website, where users can ask and answer questions related to programming and technology. The application comprises both a frontend built using React and a backend implemented with Node.js and MongoDB. React is used for the frontend interface, while Node.js serves as the backend server, handling data storage and retrieval using MongoDB as the database.



**Features:**

- Frontend built with React framework.

- Backend server powered by Node.js with Express framework.

- Data storage and retrieval managed by MongoDB.

- User authentication and password hashing implemented for security.

- Axios library used for client-server communication.

- CORS middleware enabled for seamless client-server interaction during development.



**B. INSTRUCTIONS:**



1. **Preparation:**

   - Ensure Node.js and npm (Node Package Manager) are installed on your system.

   - Install MongoDB and start a local instance. Refer to the official MongoDB documentation for installation instructions.

   - Clone the StackOverflow Replica repository.



2. **Setting Up the Server:**

   - Navigate to the `server` directory of the cloned repository.

   - Install necessary dependencies by running:

     ```

     $ npm install express axios mongoose bcrypt nodemon connect-mongo express-session cors

     ```

   - Start the MongoDB server with the command:

     ```

     $ mongod

     ```

   - Initialize the backend server by running:

     ```

     $ nodemon server/server.js

     ```



3. **Starting the Client Application:**

   - Navigate to the `client` directory of the cloned repository.

   - Install React dependencies by running:

     ```

     $ npm install react axios

     ```

   - Start the React application with the command:

     ```

     $ npm start

     ```



4. **Accessing the Application:**

   - Once both the server and client are running, open your web browser.

   - Access the Fake StackOverflow application at `http://localhost:8000`.



5. **Exploring the Application:**

   - Use the interface to browse questions, ask new questions, and provide answers.

   - User authentication features may be available based on the implementation.

   - Explore various functionalities and interact with the application as desired.



**C. SPECIAL NOTICES:**

- Ensure that MongoDB is properly installed and running before starting the server.

- Use caution with sensitive operations, such as modifying the database schema or running scripts.

- CORS middleware is enabled for development purposes and should be disabled in production environments for security reasons



**Contributions:** 



InjuSmol: 



    loginform.js

    logouticon.js

    newanswerpage.js

    newquestionpage.js

    questionmainpage.js

    questionpreview.js

    registerform.js

    searchbar.js

    searchresults.js

    sidebar.js

    tagpreview.js

    tagspage.js

    viewquestion.js

    welcomepage.js

    server.js

    App.css

    App.js

    answers.js

    comments.js

    questions.js

    tags.js

    users.js

    init.js

    UML 



Zachary Cytryn:



    adminpage.js

    fakestackoverflow.js

    loginform.js

    newanswerpage.js

    newcommentpage.js

    newquestionpage.js

    profilepage.js

    questionmainpage.js

    questionpreview.js

    registerform.js

    sidebar.js

    viewquestion.js

    welcomepage.js

    App.css

    App.js

    server.js

    answers.js

    comments.js

    questions.js

    tags.js

    users.js

    init.js