https://github.com/bmukesh23/thirtysixstudio-clone
🌶️ A thirtysixstudio clone website built with ReactJS and GSAP.
https://github.com/bmukesh23/thirtysixstudio-clone
github-actions gsap lighthouse-ci reactjs tailwindcss vitejs
Last synced: 3 months ago
JSON representation
🌶️ A thirtysixstudio clone website built with ReactJS and GSAP.
- Host: GitHub
- URL: https://github.com/bmukesh23/thirtysixstudio-clone
- Owner: bmukesh23
- Created: 2024-12-08T17:24:55.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-12-21T13:28:29.000Z (5 months ago)
- Last Synced: 2025-02-19T09:14:45.597Z (3 months ago)
- Topics: github-actions, gsap, lighthouse-ci, reactjs, tailwindcss, vitejs
- Language: JavaScript
- Homepage: https://thirtysixstudiooclone.vercel.app
- Size: 110 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌶️ Thirtysixstudio clone
A ThirtysixStudio clone showcasing my GSAP animation skills, with an interactive, minimalistic design. Clicking on screen triggers dynamic 3D elements and smooth transitions, powered by randomly swapping 2D images. This project highlights my proficiency in creating modern, engaging web experiences.
## 🔗 Link to the original website
Visit the original ThirtysixStudio website: [https://thirtysixstudio.com/](thirtysixstudio.com)
## 📦 Technologies
- `Vite`
- `ReactJS`
- `GSAP`
- `Tailwind CSS`
## 🚦Running the project:
1. **Clone the repository:**
```bash
git clone https://github.com/bmukesh23/Thirtysixstudio-clone.git
```
2. **Navigate to the project directory:**
```bash
cd Thirtysixstudio-clone
```
3. **Install Dependencies:**
```bash
npm install
```
4. **Run the application:**
```bash
npm run dev
```
6. **Access the App:**
Open your web browser and go to [http://localhost:5173](http://localhost:5173). You should see the website running locally.
## 💈Lighthouse Report (Page Speed Scores)
- **Performance:** 100/100
- **Accessibility:** 100/100
- **Best Practices:** 100/100
- **SEO:** 100/100