Added JSON Server Support in the GDSC Chapters Page | Issue #493

[Shariq2003]

fix #493

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

• Implemented JSON Server for chapters :

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

• chapters Page Updates:

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

Changes Made:

• Set up a mock JSON server with chapters data in data.json.
• Updated chapters component to make GET requests to http://localhost:5000/chapters to fetch and display chapters .
• Error handling added for cases where a chapters 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]

please fix conflicts

[Shariq2003]

@rishicds sir, check now.