Skip to content

Shri-coder413/k72-react-animated

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors