Comment Page Project

This project is a simple web application that allows users to add and view comments. Users can input their name and comment, and the comments are displayed in the UI. The project consists of a React frontend for the user interface and a Node.js backend to handle data storage and retrieval from a MongoDB database.

Features

  • Add comments with a userID and message.
  • View existing comments from the database.
  • Frontend built using React.
  • Backend powered by Node.js and MongoDB.

Setup

  1. Clone the repository to your local machine: git clone https://github.com/MohammedNayeemE/CommentSection-with-React

  2. Navigate to the project directory:

  3. Install frontend and backend dependencies:

cd client npm install

cd ../server npm install

  1. Start the backend server:

  2. Start the frontend development server:

cd ../client npm start

  1. Open your browser and navigate to http://localhost:5173 to access the application.

Folder Structure

  • client: Contains the React frontend code.
  • server: Contains the Node.js backend code.

Dependencies

Frontend

  • React
  • Axios

Backend

  • Express
  • MongoDB
  • Cors

Contributing

Contributions are welcome! If you find a bug or have an enhancement in mind, feel free to open an issue or submit a pull request.