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)