[Feature Request]: Improving the four buttons on the home page

[JirenXmoksh]

Is there an existing issue for this?

• [x] I have searched the existing issues

Feature Description

I saw that overall feel and look of the website is quite good but these four buttons can definitely be revamped to give a better user experience.

Use Case

This will make the interface more immersive.

Benefits

This will make the interface more immersive.

Add ScreenShots

Priority

High

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24 contributor
• [X] I have starred the repository

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[Shubh942]

Good luck!

[JirenXmoksh]

@Shubh942 the code is unreadable... there aint no valid html file through which I can open the website and see the changes being made, please unassign this issue. :)

[Shubh942]

I think this is your first time contributing to a real-world project. The code is not unreadable; it is written in React-Redux (a JavaScript framework). You can explore this framework, as it will also increase your programming knowledge. Please read the README.md file for instructions on setting up the project correctly.

Also if you face any error, ping me for any help.

[JirenXmoksh]

@Shubh942 thank you for the support but my query is that with a normal html file linked with a css file, we can make any changes and directly see those changes happening by opening it in a browser, but how can i acheive that with .jsx files, if i make any change, how can i see its effect?

[Shubh942]

This is not normal html file. you can change in jsx file, and see the changes in running server. Please refer react documentation for more.