League of Legends - Animated Gaming Website

Welcome to the League of Legends Site This is a futuristic, dynamic, and visually stunning animated website that brings the thrilling world of gaming to life using cutting-edge web technologies.

🚀 Technologies Used

• React & Vite: For building a fast and modern web application.
• GSAP (GreenSock Animation Platform): Used for smooth, high-performance animations throughout the site.
• Clippy Shape Maker: For creating unique and creative clippy shapes that add to the futuristic vibe.
• ESLint: To ensure clean and error-free JavaScript code.
• CSS, HTML, and JavaScript: For styling, layout, and functionality of the website.

✨ Features

• Smooth GSAP Animations: Enjoy seamless, fluid animations that enhance the user experience.
• Interactive Navbar: A responsive navigation bar to quickly move between sections of the site.
• Hero Section: A captivating animated introduction section that greets users with engaging visuals.
• About Section: Dive into the story behind the website and its mission.
• Features Showcase: Highlighting key features with attractive, animated elements.
• Contact Form: Allow users to get in touch with ease.
• Futuristic Design: Inspired by the gaming world, this website blends modern design with interactive elements.

📸 Screenshots

The immersive Hero Section of the League of Legends site.

🛠️ Installation

Clone the repository:

git clone https://github.com/pesala-x/Animated-Gaming-Website.git

Navigate to the project directory:

cd Animated-Gaming-Website

Install dependencies:

npm install

Run the development server:

npm run dev

Open the site in your browser at http://localhost:3000.

🧑‍💻 Contributing

1. Fork the repo
2. Create a new branch (git checkout -b feature/your-feature)
3. Commit your changes (git commit -m 'Add new feature')
4. Push to the branch (git push origin feature/your-feature)
5. Create a new Pull Request

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙌 Acknowledgments

• GSAP: For providing one of the best animation libraries for web development.
• Clippy Shape Maker: For making it easy to create eye-catching shapes.
• React & Vite: For modern, efficient web development.

---