Converted Figma To React

[Avinashshiyani]

Convert Figma Design to React Component with Tailwind CSS and Icon Integration (#194)

📋 Description:

This pull request addresses Issue #194, focusing on converting the Figma design into a functional React component styled with Tailwind CSS. The aim was to replicate the design with precision, ensuring a modern, responsive user interface.

---

✅ What Was Done:

• Component Creation: 🛠️ Developed a new UserProfile React component based on the Figma design.
• Styling: 🎨 Applied Tailwind CSS for precise and adaptive styling.

---

🌟 Key Features:

• Responsive Design: 📱 The component is fully responsive, ensuring an optimal experience across various devices.
• Modern Styling: ✨ Utilized Tailwind CSS for a sleek and cohesive design.

---

📸 Screenshots:

This is converted design To react with dynamic components.

Figma Design:

https://www.figma.com/design/QZwtseXogSFjLNz64uLwjV/SYT-Website-Redesign-Complete?node-id=5494-10105&t=EzBJ7pXKzqbD7FRD-0

(Replace the placeholders with your actual image URLs after uploading them to GitHub.)

🧪 How to Test:

1. Setup: ⚙️ Ensure your local environment is configured for running the React application.
2. Build and Run: 🚀 Execute the following commands to start the development server:

   npm install
   npm start

[vercel]

@avinash-24-aptrix is attempting to deploy a commit to the sytweb Team on Vercel.

A member of the Team first needs to authorize it.

[sonylomo]

Hey @Avinashshiyani 👋🏾, you've done a great job with the implementation 👏🏾👏🏾.

Is there a reason why you've drafted your PR? We'd love to merge it ASAP. 😃

I've also fixed some merge conflicts, I hope you don't mind.

[Avinashshiyani]

Hey @Avinashshiyani 👋🏾, you've done a great job with the implementation 👏🏾👏🏾.

Is there a reason why you've drafted your PR? We'd love to merge it ASAP. 😃

I've also fixed some merge conflicts, I hope you don't mind.

Its ok about everything I am very exited to work on next thing just like this in this project And Thanks for Appereciation @sonylomo