Website iPhone 15 Pro

Projeto pessoal para estudo de animações, iluminação e perspectiva na web: recriação parcial do site de divulgação do iPhone 15 Pro da Apple. Este projeto visa fixar conceitos de animações com GSAP e efeitos 3D do Three.js.

Principais tecnologias utilizadas: 🚀

• React | ^18.2.0
• Vite | ^5.2.0
• TailwindCss | ^3.4.1
• Gsap | ^3.12.5
• Gsap React | ^2.1.0
• Three | ^0.163.0
• React Three Drei | ^9.102.6
• React Three Fiber | ^8.16.1

Para rodar a aplicação localmente: ⚙

Clone e entre na pasta do projeto:

$ git clone https://github.com/jfernandesdev/apple-website.git && cd apple-website

Instale as dependências:

$ npm install

Rode o projeto localmente:

$ npm run dev

Dê uma olhada como o projeto ficou! 👀

https://iphone15pro-jfernandesdev.vercel.app/