/Q-A_Nexus

I developed a web application called "Q&A Nexus" The primary goal of this project was to create a platform that mimics some of the key features of the popular Q&A platform Quora.

Primary LanguageJavaScript

Q&A Nexus App

I developed a web application called "Q&A Nexus." The primary goal of this project was to create a platform that mimics some of the key features of the popular Q&A platform Quora.

Table of Contents

Features

  • 1. Following

    Users could follow different users on the app, allowing them to stay updated with the content and activities of the users they follow.

  • 2. Asking Questions

    Users had the ability to ask questions in a general context or direct questions to specific users. This feature encouraged interaction and engagement between users.

  • 3. Answering Questions

    Users were able to answer questions posted by other users. This allowed for a collaborative and informative environment.

  • 4. Upvoting / Downvoting

    Users could upvote or downvote both questions and answers, promoting valuable content and providing an indication of content quality.

  • 5. Adding Comments to Answers

    Users had the option to add comments to answers, enabling discussions and further elaboration on the provided answers.

  • 6. Saving User's Interests

    The application allowed users to save their interests or topics they are interested in. This feature facilitated personalized content delivery to users.

  • 7. User's Feed

    Users received a personalized feed according to their interests, displaying questions, answers, and discussions related to the topics they followed.

  • 8. Social Login + Local Login

    The application supported both social login and local login methods. For local login, users were required to verify their account via email. Additionally, a password reset option was available for local login users.

Getting Started

  • 1.   Clone Git Repo
    ---- git clone https://github.com/Sahil-Sayyad/Quora_Clone.git

  • 2.  Install NPM dependencies
    ---- npm install

  • 2.  Set Up .env file
    ---- add mongodb your url
    ---- add google and facebook clientid , clientsceret, callbackurl your url
    ---- add username and password setting up nodemailer

  • 3.   Then simply start your app
    ----npm start

Prerequisites

  • NodeJs Any Version

Usage

Tech Stack

  • 1.Front-end

    HTML, CSS, JavaScript: For creating the user interface and handling client-side interactions.

  • 2.Back-end

    Node.js: For server-side development and handling API requests. Express.js: As a framework to create the application's server-side routes and manage the HTTP requests and responses. MongoDB: As the database to store and manage the users, questions, answers, comments data.

  • 3. Authentication

    Passport.js: For implementing the authentication system and managing user sign-up and sign-in.

  • 6.Deployment

    The application was deployed using cloud service render

Project Demo

  • Login Page

    Web capture_5-8-2023_112647_localhost

  • Sign Up Page

    Web capture_5-8-2023_112757_localhost

  • Forget Password Page

Web capture_5-8-2023_112839_localhost

  • Home Page

    Web capture_5-8-2023_112929_localhost

  • User Profile Page

    Web capture_5-8-2023_11302_localhost

  • Specific User Profile Page

    Web capture_5-8-2023_113052_localhost

  • Ask Question Page

    quoraAsk

  • Add Answer Page

    Web capture_5-8-2023_113135_localhost

  • Add Comment Page

    Web capture_5-8-2023_11333_localhost

Author

  • Name: Sahil Sayyad
  • GitHub: Link
  • Email:
  • Website: