This RFC is to gather ideas on how to improve the UI for saadhan website along with some of my suggestions based on good UI / UX and end-user feedback.

1. Reorganizing the content

The current home page looks very vague for anyone visiting the site with no programming knowledge.
To make it easier to access, I would like to propose a restructuring of the content. Separate the content based on domains and languages, this way it will be easier for the visitors to pick what they want to learn.

Here is an example of how the reorganizing will look like, there will be a few domains like Web development, App Development
and AI / ML and a few programming languages like Javascript, Python and Kotlin. When selecting a domain, the domain will encompass everything specific to that domain, like programming languages, frameworks and tools required to master the domain. In programming languages section, it will cover the basics of the programming language and have a link to where it is used.

The idea of such a proposal is to make a highly interconnected web of information and make it friendly to anyone want to get into programming language and can move forward with just this resource

2. Updating the thumbnails / Information cards of the content

The current UI of the information is as follows

In the above screenshot, we can take advantage of open graph information of the links and show rich text and image of the content.
Example:

If there is no open graph image or description, we can add description along with a link (thanks to LLM tools)

3. Updating the filters

We can add the tag in the link for what type of resource it is and what level of devs can take. When the user clicks any tag in the link they will it will create a filter for the selected tag.

NOTE: The description provided here is pretty vague, I will be adding design references soon. Till then, this thread can be used to discuss how to improve the current designs.