Feel free to give it a start ๐
- Fully Responsive
- Stunning design
- 3D model
- Animation
- Video animation
Take a look at the live project deployed on Netlify
** ------------------------------------- DESKTOP -------------------------------------**
![](https://private-user-images.githubusercontent.com/79264045/344675316-fc3821ac-b21e-4c8c-8512-45f5c0d18ab1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExNTcyOTYsIm5iZiI6MTcyMTE1Njk5NiwicGF0aCI6Ii83OTI2NDA0NS8zNDQ2NzUzMTYtZmMzODIxYWMtYjIxZS00YzhjLTg1MTItNDVmNWMwZDE4YWIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDE5MDk1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEyYTEwN2M1YjVmNGU5ZGQwMGEzYzIwMGU1Mjc3YTBlNzllNmZiNjFjOGY1ZGFkODNiYTdiY2NhNTNmN2Q2ZWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AxLJ-L4YXsAFehHosmnPNVzpTTus7exGcy_rPNnWlcQ)
** -------------------------------------- Mobile ------------------------------------**
![](https://private-user-images.githubusercontent.com/79264045/344675249-3c4d8020-4c1e-4f4f-9e75-2306bc6494e7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExNTcyOTYsIm5iZiI6MTcyMTE1Njk5NiwicGF0aCI6Ii83OTI2NDA0NS8zNDQ2NzUyNDktM2M0ZDgwMjAtNGMxZS00ZjRmLTllNzUtMjMwNmJjNjQ5NGU3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDE5MDk1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQyMjRjMGVlMjkwNDA2YTkyZjdiM2I4YWU2OTZkY2I2OWNjNzMxMDgzNTBhY2YwNTdjZjJhZDczNjg3ZmFjYTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.biK_u9fyi16wjOmo2bsybtKXwj2FEOFmK51LDG6Ko34)
Title: ๐๏ธ Introducing our Apple iPhone 15 3D webpage!
Based on JSM project, enhanced by TS,SOLID principle and tested. This app utilizes THREE.JS and Gsap for brilliant UI
-
Smooth animation : The application employs server-side pagination, fetching 10 posts per request to optimize performance.
-
Video animation : A dedicated section allows users to provide feedback or read comments from others.
-
3D model : BookShare caters to user preferences by offering both dark and light mode options for a personalized visual experience.
Provided step-by-step instructions on how to install and run this project locally.
# Clone the repository
git clone https://github.com/Sky-De/3D_apple_react_ts
# Install dependencies
npm install
# Run the project
npm run dev
skyDe