https://github.com/easycodingtutorial/apple3dweb
https://github.com/easycodingtutorial/apple3dweb
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/easycodingtutorial/apple3dweb
- Owner: EasyCodingTutorial
- Created: 2025-03-20T08:46:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-20T09:19:30.000Z (about 1 year ago)
- Last Synced: 2025-03-22T11:48:43.666Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://apple3dweb.vercel.app
- Size: 524 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Apple Vision Pro Website Clone
A modern, responsive website clone of Apple's Vision Pro product page built with Next.js 14 and Tailwind CSS. Experience the future of spatial computing through an immersive web interface.
## 🌐 Live Demo
Visit the live website at: [https://apple3dweb.vercel.app/](https://apple3dweb.vercel.app/)
## 🚀 Features
- Modern and responsive design
- Smooth animations and transitions
- Interactive 3D elements
- Optimized performance
- Mobile-first approach
- Tailwind CSS for styling
- Next.js 14 with App Router
- TypeScript support
## 🛠️ Tech Stack
- **Framework:** Next.js 14
- **Styling:** Tailwind CSS
- **Language:** TypeScript
- **Deployment:** Vercel
- **Animation:** Framer Motion
- **3D Rendering:** Three.js
- **Development Tools:** ESLint, PostCSS
## 🏗️ Getting Started
1. Clone the repository:
```bash
git clone https://github.com/EasyCodingTutorial/apple3dweb.git
cd apple3dweb
```
2. Install dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## 📁 Project Structure
```
apple3dweb/
├── app/ # Next.js app directory
│ ├── components/ # Reusable components
│ ├── styles/ # Global styles
│ └── page.tsx # Main page component
├── public/ # Static assets
├── src/ # Source files
└── scripts/ # Build and utility scripts
```
## 🔧 Configuration
- `next.config.mjs` - Next.js configuration
- `tailwind.config.js` - Tailwind CSS configuration
- `tsconfig.json` - TypeScript configuration
- `postcss.config.js` - PostCSS configuration
## 🚀 Deployment
This project is deployed on Vercel. The deployment process is automatic when changes are pushed to the main branch.
## 📱 Browser Support
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Mobile browsers (iOS Safari, Android Chrome)
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
## 🙏 Acknowledgments
- Apple Inc. for the original design inspiration
- Next.js team for the amazing framework
- Vercel for the deployment platform
- All contributors and maintainers
---
Made with ❤️ by Easy Coding Tutorial