Skip to content

feat(ui): integrate MagicUI Icon Cloud component for tech stack visualization #14

@AmjustGettingStarted

Description

@AmjustGettingStarted

🧾 Issue Description

Summary:
Explore integrating the MagicUI Icon Cloud component into the project to visually showcase the tech stack or tools used (e.g., Next.js, Tailwind CSS, TypeScript, etc.) on the homepage or “About” section.


🎯 Goal / Motivation

  • Enhance visual engagement on the portfolio or landing page.
  • Provide an interactive, dynamic way to display technologies instead of static tags.
  • Improve first impressions for recruiters or users exploring the project’s stack.

🧩 Proposed Implementation

  • Import the IconCloud component from MagicUI.
  • Create a reusable <TechCloud /> component that accepts an array of tech icons (Next.js, Prisma, Tailwind, etc.).
  • Position it within the hero or “Tech Stack” section.
  • Ensure responsive design and minimal performance impact.

🧰 Resources


🧑‍💻 Type of Issue

  • Enhancement
  • Bug
  • Documentation

🪶 Good First Issue Notes

  • Ideal for contributors familiar with React and Next.js components.
  • Low-risk visual enhancement with clear scope.
  • Great opportunity to learn about third-party UI libraries and component integration.

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions