A pixel-perfect implementation of a Figma design using modern frontend tools.

This project is a Figma to Code conversion that I built to practice and showcase my frontend development skills through real-world UI implementation.

It focuses on clean structure, responsive layout, and maintainable code.

🌍 Visit Site

• ⚛️ React
• 🎨 Tailwind CSS
• 🧱 Framer Motion
• 🛠️ Vite

• Improved understanding of layout building
• Practiced responsive design
• Strengthened Design/Figma-to-code workflow
• Learned to translate Figma design tokens — colors, spacing, typography, and alignment — into clean, consistent code

src/
┣ assets/
┣ components/
┣ lib/
┣ styles/
┣ App.jsx
┗ main.jsx

• ✅ Pixel-perfect from Figma
• ✅ Fully responsive (mobile-first)
• ✅ Reusable components
• ✅ Semantic HTML structure

• 🎨 Figma URL: View Design

# Clone project
git clone https://github.com/fazle-rabi-dev/findtrend

# Move into folder
cd project-name

# Install dependencies
npm install

# Run locally
npm run dev