Skip to content

Latest commit

 

History

History
114 lines (76 loc) · 2.34 KB

README.md

File metadata and controls

114 lines (76 loc) · 2.34 KB

Interactive Comment Section

This is an interactive comment section built using React and Context API. The project is scaffolded using Vite. Click here, for a quick tour.

Features

  1. Comment

    • Add new comments to the section.

  2. Reply

    • Reply to existing comments.

  3. Edit Comment

    • Edit the text of existing comments.

  4. Edit Reply

    • Edit the text of existing replies.

  5. Delete Comment and Reply

    • Delete comments and replies.

Getting Started

Prerequisites

  • Node.js (version 14 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/interactive-comment-section.git
cd interactive-comment-section

  2. Install the dependencies:

    npm install
# or
yarn install

Running the Project

  1. Start the development server:

    npm run dev
# or
yarn dev

  2. Open your browser and navigate to http://localhost:3000.

Building for Production

  1. Build the project:

    npm run build
# or
yarn build

  2. Serve the production build:

    npm run serve
# or
yarn serve

Usage

Adding a Comment

  1. Type your comment in the input box.
  2. Click the "SEND" button.

Replying to a Comment

  1. Click the "Reply" button on the comment.
  2. Type your reply in the input box that appears.
  3. Click the "Reply" button on the input box.

Editing a Comment or Reply

  1. Click the "Edit" button next to the comment or reply.
  2. Edit the text in the input box that appears.
  3. Click the "Update" button.

Deleting a Comment or Reply

  1. Click the "Delete" button next to the comment or reply.
  2. Confirm the deletion in the prompt that appears.

Contributing

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Feel free to copy and paste this markdown into your `README.md` file. Adjust the repository URL and any other details specific to your project as needed.