DEV Community

Farouk
Farouk

Posted on

GrowthSync | Agency landing page built with react & tailwind

Image description
Hey devs πŸ‘‹

I’ve just launched my latest side project built with React + Tailwind CSS + Vite, and it’s now live on GitHub Pages!
This was mainly a practice project to sharpen my front-end skills β€” and I’m really happy with how it turned out πŸ’»βœ¨

πŸ”§ Stack Used:
βš›οΈ React
⚑ Vite (for blazing fast dev experience)
🎨 Tailwind CSS (utility-first styling FTW)
πŸŽ₯ Framer Motion (for sweet animations)
πŸ™ GitHub Pages (manual deployment using git subtree)

🎯 Features:
βœ… Fully responsive layout
βœ… Mobile-friendly navigation menu
βœ… Smooth section scroll & transitions
βœ… Swiper.js testimonials carousel
βœ… Reusable animation variants (Framer Motion)
βœ… Clean and modular code structure
βœ… Deployed without extra packages using the Git subtree method

πŸ”— Live Demo:
🌍 https://itsFAROUK.github.io/GrowthSync

πŸ’» GitHub Repo:
πŸ“¦ https://github.com/itsFAROUK/GrowthSync

πŸ“Œ What I learned:
How to structure a React project for clarity and reusability
How Tailwind makes building responsive UIs feel effortless
How to manually deploy to GitHub Pages with git subtree (without gh-pages branch clutter)
The power of animation variants using Framer Motion

πŸ™Œ Feedback welcome!
I’m still learning and improving every day β€” would love any tips, feedback, or suggestions for improvement.
And if you're just starting out, feel free to ask how I did any part of it β€” happy to share πŸ™

Top comments (0)