refactor: Fetch Program Data from JSON instead of Hardcoding [ SWOC ]

[trivedikavya]

Description:
Currently, the Open Source Programs (SWOC, GSSoC, etc.) are hardcoded into the HTML structure in index.html. The project structure suggests using data/programs.json, which would make updating programs easier.

Suggested Change:

• Create/Populate data/programs.json with the program details (Name, Description, Badge).
• Write a JavaScript function in js/main.js to fetch this JSON data.
• Dynamically generate and insert the HTML cards into the .card-container.

Benefits:
Makes the code cleaner and allows non-developers to update program data easily by just editing the JSON file.

Contribution:
@sayeeg-11 I am eager to work on this! Please assign it to me.

[github-actions]

Thanks @trivedikavya! 👋
Your issue is important — maintainers will take a look soon.

Before contributing, please note:
🔹 Make sure you check #23 – Important Contributing Guidelines for OpenSource Compass
🔹 PRs should be raised only after the issue is assigned

[magic-peach]

@sayeeg-11 I would like to work on this issue as a part of SWOC'26,please assign it to me

[sayeeg-11]

@trivedikavya can you please explain how this issue differs from like adding more programs to the page?

[trivedikavya]

@trivedikavya can you please explain how this issue differs from like adding more programs to the page?

hey @sayeeg-11 the main focus here is changing the structure so programs are rendered dynamically from a JSON file instead of being hardcoded in HTML.

This way, future programs can be added or updated just by editing programs.json, without touching the HTML or JS logic again. It improves scalability, maintainability, and keeps the codebase cleaner in the long run.

[sayeeg-11]

@trivedikavya sure!!
you can start working

[sayeeg-11]

@trivedikavya any update?

[trivedikavya]

@trivedikavya any update?

Today Mam i will raise A PR Related to it