Enhance /about Page with Modern Design and Dynamic Contributor Profiles

[SurajSanap]

Issue: Enhance /about Page with Modern Design and Dynamic Contributor Profiles

Description:

We need to enhance the /about page by improving its frontend design and making it more dynamic and visually appealing. Here are the main goals for this enhancement:

1. Dynamic Contributor Profiles:

   • The contributor profiles (names, GitHub links, images) should be dynamically generated from a backend (via JSON file or database).
   • This will allow for easy addition of new contributors without manually editing the HTML code.

2. Logo Enhancement:

   • Update the logo to have a transparent background for better integration with the page design.
   • The logo should feature glowing neon blue accents for a futuristic and tech-driven appearance.

3. Modern and Clean Design:

   • Create a modern layout with a responsive design that looks great on desktop and mobile.
   • Improve the visual appeal with better typography, spacing, and colors to match the project’s branding (futuristic, high-tech).

4. Responsive Design:

   • Ensure the page is fully responsive, displaying correctly across various devices like mobile, tablet, and desktop.

5. Code Optimization:

   • Clean up the HTML and CSS for better maintainability and scalability.
   • Ensure all elements are properly aligned, and the page loads efficiently.

Acceptance Criteria:

• The /about page must automatically fetch and display contributor information from a backend source (JSON file or database).
• The logo should have a transparent background and look sharp on all screen sizes.
• The design must be modern, clean, and consistent with the project’s branding.
• The page should be fully responsive and adapt well to different screen sizes.
• The page should display contributor profiles with their names, GitHub links, and images.

---

Steps to Implement:

1. Create or update the backend to serve contributor information dynamically.
2. Update the /about page to render contributor profiles from the backend.
3. Design and implement the new logo with a transparent background.
4. Refactor the page layout for a cleaner, modern design.
5. Ensure all frontend elements are responsive and function as expected on mobile, tablet, and desktop screens.

---

Additional Notes:

• Please ensure that the design follows the color scheme and branding of the project.
• Ensure that the logo and contributor images look sharp and properly aligned.

---

By completing this enhancement, the /about page will have an updated and modern look, along with improved maintainability and dynamic content handling.

[Gupta-02]

Assign me this

[Kumkum5575]

Hello! I’m a GSSoC ’25 participant passionate about frontend development (HTML/CSS).
I’d love to work on this issue and contribute to this project.
Could you please assign it to me? 🌸
Thank you so much! 🙏✨