https://github.com/hbweb/gsap-apple

Apple iPhone clone website - Demonstration on how to use Gsap animation, tailwind on React (vite) framework. Project was deployed on Google Firebase (free)
https://github.com/hbweb/gsap-apple

gsap reactjs tailwind vite

Last synced: 3 days ago
JSON representation

Apple iPhone clone website - Demonstration on how to use Gsap animation, tailwind on React (vite) framework. Project was deployed on Google Firebase (free)

• Host: GitHub
• URL: https://github.com/hbweb/gsap-apple
• Owner: hbweb
• Created: 2024-11-01T09:22:13.000Z (7 days ago)
• Default Branch: main
• Last Pushed: 2024-11-04T08:22:24.000Z (4 days ago)
• Last Synced: 2024-11-04T08:29:02.640Z (4 days ago)
• Topics: gsap, reactjs, tailwind, vite
• Language: JavaScript
• Homepage: https://react-iphone.web.app
• Size: 47.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

# Setup creating this project

Create basic project with React to run on Vite ( dev server + build tool)

`npm create vite@latest my-project -- --template react`

`npm install -D tailwindcss postcss autoprefixer`

Following this guide: https://tailwindcss.com/docs/guides/vite to create tailwindcss configuration

# Deploy

Project has been setup for deploy on: https://react-iphone.web.app/

All PR merged into `main` will be deployed automatically.

# References

This project was created with inspiration from:

> https://www.youtube.com/watch?v=rdqjMN7Q-bk&ab_channel=FrontendFYI%E2%80%93byJeroen

> JavaScriptMastery : Build and Deploy Apple Website (iphone 15 version)