Skip to content

Latest commit

Β 

History

History
58 lines (37 loc) Β· 1.25 KB

File metadata and controls

58 lines (37 loc) Β· 1.25 KB

K72 Animated React Website

This is a frontend project inspired by the K72 website.
I built this project to practice React, routing, and animations.

The project is still a work in progress.
Some animations and layouts need improvement, but it helped me learn a lot.

πŸš€ Live Demo

πŸ”— https://your-site-name.netlify.app

πŸ’» GitHub Repo

πŸ”— https://github.com/yourusername/k72-react-animated

πŸ›  Tech Stack

  • React
  • React Router DOM
  • GSAP + @gsap/react
  • Context API
  • Tailwind CSS
  • Vite

✨ Features

  • Multi-page routing (Home, Agence, Projects)
  • Fullscreen animated navigation
  • GSAP timeline-based animations
  • Component-based folder structure
  • Responsive layout (work in progress)

πŸ“š What I Learned

  • How React Router works in real projects
  • How to control animations using GSAP timelines
  • How Context API helps manage global state
  • Why clean component structure matters
  • Debugging animation and layout issues

πŸ› Known Issues

  • Some rendering issues on resize
  • Animation timing needs refinement
  • Mobile responsiveness can be improved

These will be fixed step by step as I continue learning.

▢️ How to Run Locally

Clone the repository:

git clone https://github.com/yourusername/k72-react-animated.git