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