https://github.com/cyy963/award-winning-website
https://github.com/cyy963/award-winning-website
awwwards gsap reactjs
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cyy963/award-winning-website
- Owner: cyy963
- Created: 2024-12-04T08:06:41.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-01-07T06:12:13.000Z (10 months ago)
- Last Synced: 2025-01-21T21:18:48.026Z (10 months ago)
- Topics: awwwards, gsap, reactjs
- Language: JavaScript
- Homepage: https://award-winning-website-study.vercel.app
- Size: 48.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## ⚠️ Disclaimer
All design credits go to **[Zentry](https://zentry.com/)**. This project is created purely for **demonstrative purposes** and is not intended for commercial use or public deployment.
A visually captivating website inspired by **[Zentry](https://zentry.com/)**, featuring scroll-triggered animations, geometric transitions, and engaging video storytelling. Learn how to deliver a luxurious, modern feel, focusing on engaging UI/UX and smooth responsiveness, capturing the essence of what makes an Awwwards winner.
- GSAP
- React.js
- Tailwind CSS
## 🔋 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
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/adrianhajdin/award-winning-website.git
cd award-winning-website
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.
