This content originally appeared on DEV Community and was authored by Farouk
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 🙏
This content originally appeared on DEV Community and was authored by Farouk
Farouk | Sciencx (2025-06-26T07:41:34+00:00) GrowthSync | Agency landing page built with react & tailwind. Retrieved from https://www.scien.cx/2025/06/26/growthsync-agency-landing-page-built-with-react-tailwind-2/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.