Brainwave - Modern UI/UX website

Title: Zentry - Crafting The Real-life MMORPG Experience

Author: Shaheer Mansoor

Subject: Zentry Metagame

Language: English

Live Preview: Visit Live Website

Source Code: Github Repository

Table of Contents

🤖 Introduction
⚠️ Disclaimer
⚙️ Tech Stack
🔋 Features
🤸 Quick Start

🤖 Introduction

Zentry pioneers the Metagame, a Game of Games ecosystem where worlds converge and communities connect, building the foundation for what will soon become the largest virtual economy—the 'Play Economy'—as the era of gaming culture rises.

⚠️ Disclaimer

All design credits go to Zentry. This project is created purely for educational purposes and is not intended for commercial use or public deployment.

⚙️ Tech Stack

React
GSAP
TailwindCSS

🔋 Features

👉 Scroll-Based Animations: Dynamic animations triggered by scrolling for a more engaging user experience.

👉 Clip Path Shaped Animations: Unique geometric transitions using CSS clip-paths to create visually stunning effects.

👉 3D Hover Effects: Interactive 3D transformations that respond to user interactions for a modern feel.

👉 Video Transitions: Seamlessly integrated video elements to enhance storytelling and flow.

👉 Smooth UI/UX: Polished interfaces with buttery-smooth interactions for an intuitive user journey.

👉 Completely Responsive: Flawless adaptation across all devices, ensuring a consistent experience.

and many more, including code architecture and reusability

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Git
Node.js
npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/Shaheer5/awwwards-gaming.git
cd awwwards-gaming

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

Thank you so much for reading <3.