Added JSON Server Support in the FAQs and Forums Page | Issue #493

[Shariq2003]

fix #493

This PR introduces support for fetching FAQs and Posts data from a JSON server, replacing the previous static import of FAQs and Posts data. The changes include:

• Implemented JSON Server for FAQs and Posts:

  • Set up a local JSON server to provide dynamic FAQs and Posts data.
  • Updated the FAQs and Posts page to fetch FAQs and Posts data from the local server (http://localhost:5000/faqs and http://localhost:5000/posts).

• FAQs and Posts Page Updates:

  • Refactored the FAQs and Posts component to retrieve and display chapters via the JSON server instead of a static FAQs and Posts import.
  • Implemented search and sorting functionality that filters and sorts FAQs and Posts data fetched from the server.

Changes Made:

• Set up a mock JSON server with FAQs and Posts data in data.json.
• Updated FAQs and Posts component to make GET requests to http://localhost:5000/faqs and http://localhost:5000/posts to fetch and display FAQs and Posts.
• Error handling added for cases where a FAQs and Posts is not found (404).

Related Issue:

Closes #493

How to Test:

1. Ensure that the JSON server is running by executing the following command:

   
   npx json-server --watch db.json --port 5000
   ---

Checklist

Please confirm the following:

• [X] My code follows the guidelines of this project.
• [X] I have performed a self-review of my own code.
• [X] I have commented my code, particularly wherever it was hard to understand.
• [X] I have made corresponding changes to the documentation.
• [X] My changes generate no new warnings.
• [X] I have added things that prove my fix is effective or that my feature works.

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. 😊

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. 😊

[rishicds]

Conflicts fix pls

[Shariq2003]

@rishicds sir, review now