Skip to content

SCR01/scr-game

Repository files navigation


Project Screenshot

React.js GSAP Tailwind CSS

A Modern Animated Website Built with React.js & GSAP

🌟 Live Demo: 👉 SCR Gaming


📌 Introduction

SCR Gaming is a visually captivating website featuring scroll-triggered animations, geometric transitions, and engaging UI interactions. Built with React.js, GSAP, and Tailwind CSS, it delivers a sleek, modern feel, focusing on smooth UI/UX and responsiveness.


⚙️ Tech Stack

  • React.js – Component-based UI library.
  • GSAP – Smooth animations and transitions.
  • Tailwind CSS – Modern styling with utility-first approach.
  • Vite – Lightning-fast development environment.

🔥 Features

Smooth Scroll Animations – Engaging animations triggered by user interactions.
Clip Path Transitions – Unique visual effects for modern UI.
3D Hover Effects – Interactive transformations for an immersive experience.
Fast & Lightweight – Optimized with Vite for high performance.
Responsive Design – Optimized for all screen sizes.
SEO Optimized – Ensures better search engine visibility.


🚀 Getting Started (Local Setup)

Prerequisites

Ensure you have the following installed:

Installation & Setup

# 1️⃣ Clone the repository:
git clone https://github.com/YOUR_GITHUB_USERNAME/YOUR_REPO_NAME.git
cd YOUR_REPO_NAME

# 2️⃣ Install dependencies:
npm install

# 3️⃣ Start the development server:
npm run dev

# 4️⃣ Open in browser:
http://localhost:5173/

1️⃣ Push your code to GitHub (if not already done):

git add . git commit -m "Initial commit" git push origin main

📜 License

This project is open-source and can be used for personal and educational purposes. If you use it, kindly provide appropriate credit.

📞 Contact

📧 Email: [email protected]


✅ What’s Improved?

Fixed project repository link (scr-gaming).
Added full deployment instructions for Vercel.
Troubleshooting section for common issues.
Contact information with email & LinkedIn.
Formatted everything neatly for readability.

Namaste 🙏🏻!