About the project
FitnessGym is a marketing site for a gym that happens to sell things. Seven pages — home, about, shop, cart, blog, FAQ and contact — with scroll-triggered sections, an animated counter, a testimonial slider and a map. The shop keeps its cart in localStorage, so closing the tab does not empty it.
What it demonstrates
- A cart that survives a refresh
- Scroll as a narrative device
- Page transitions, not page jumps
- Forms that validate before they submit
- Images converted before the build
Stack
- React
- React Router
- Sass
- Framer Motion
Screenshots
Demo