This project was developed as a learning exercise to explore and understand the fundamentals of React and modern web development practices. It aims to provide hands-on experience in setting up and working with a React application.
The project serves as a foundational setup for integrating React with Vite, focusing on minimal configuration that supports Hot Module Replacement (HMR) and includes basic ESLint rules. The primary objective is to facilitate learning and effectively implementing React within a modern development environment.
👉 Beautiful Subtle Smooth Animations using GSAP: Enhanced user experience with seamless and captivating animations powered by GSAP.
👉 3D Model Rendering with Different Colors and Sizes: Explore the iPhone 15 Pro from every angle with dynamic 3D rendering, offering various color and size options.
👉 Custom Video Carousel (made with GSAP): Engage users with a unique and interactive video carousel developed using GSAP for a personalized browsing experience.
👉 Completely Responsive: Consistent access and optimal viewing on any device with a fully responsive design that adapts to different screen sizes.
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:
Cloning the Repository
git clone https://github.com/Majeed-Alberawi/apple-website.git
cd apple-websiteInstallation
Install the project dependencies using npm:
npm installRunning the Project
npm run devOpen http://localhost:5173 in your browser to view the project.
This website was built following the tutorial provided in this video.