Discussion Forum

Welcome to Discussion Forum Project, a cutting-edge forum built with a powerful technology stack that includes React for the frontend, Context API for seamless state management, Node.js for a robust backend, and MongoDB as the database solution. This project is meticulously crafted to offer users a modern and engaging platform for diverse discussions across a multitude of topics.

Table of Contents

• Introduction
• Features
• Prerequisites
• Getting Started
  • Frontend
  • Backend
• Steps to Contribute
• Application Screenshots

Introduction

Discussion Forum redefines the experience of online discussions by combining the efficiency of React's frontend capabilities with the flexibility of Node.js backend and the scalability of MongoDB. Whether you are a seasoned contributor or a newcomer looking to explore various communities, React Forum provides an intuitive interface and feature-rich environment to foster meaningful conversations. This project is designed to be easy to use and participate in different discussion communities.

Features

• Responsive Design: Enjoy a seamless experience across different devices with our forum's responsive design. Whether you're accessing it from your desktop, tablet, or smartphone, Discussion Forum adapts to provide an optimal viewing and interaction experience.
• Context API for State Management: Efficient state management is at the heart of Discussion Forum, thanks to the implementation of React's Context API. This ensures a smooth and responsive user interface while managing the complex state of the application seamlessly.
• User Authentication: Create a personalized account, log in securely, and dive into discussions with ease. React Forum prioritizes user authentication to ensure a safe and personalized environment for contributors.
• Comments: Users can comment on various discussions once they are signed in.Engage with the community, share insights, and build connections.
• Real-time Updates: Stay up-to-date with real-time updates on discussions, comments, and community activities. It leverages the power of dynamic updates to ensure users are informed about the latest interactions as they happen.

Application Screenshots

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js
• npm (comes with Node.js)
• MongoDB

Getting Started

Follow the steps below to run the project on your local machine.

Frontend

1. Clone the repository:

Getting Started

Follow the steps below to run the project on your local machine.

Frontend

1. Clone the repository:

   git clone https://github.com/Priyanshi662/discussion-forum.git
   

2. Navigate to the frontend directory:

   cd discussion-forum/frontend
   

then to forum :

cd forum

3. Install dependencies:

   npm install
   

4. Run the frontend:

   npm run dev
   

   The frontend will be accessible at http://localhost:3000.

Backend

1. Navigate to the backend directory:

   cd discussion-forum/backend
   

2. Install dependencies:

   npm install
   

3. Set up the MongoDB database and update the database configuration in .env file.

4. Run the backend:

   npm start
   

   The backend will run at http://localhost:5000. Note : You need to add env variables on your own

Steps to Contribute

We welcome contributions! To contribute to the React Forum project, follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/new-feature.
3. Make your changes and commit them: git commit -m 'Add new feature'.
4. Push to the branch: git push origin feature/new-feature.
5. Submit a pull request.

Feel free to explore, use, and contribute to make React Forum even better! If you encounter any issues or have suggestions, please open an issue.