Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devdignesh/apple-watch-studio-clone
Apple Watch Studio - A responsive web app built with Next.js and Tailwind CSS, allowing users to customize their Apple Watch by selecting different cases, bands, and viewing side configurations with smooth animations.
https://github.com/devdignesh/apple-watch-studio-clone
Last synced: 28 days ago
JSON representation
Apple Watch Studio - A responsive web app built with Next.js and Tailwind CSS, allowing users to customize their Apple Watch by selecting different cases, bands, and viewing side configurations with smooth animations.
- Host: GitHub
- URL: https://github.com/devdignesh/apple-watch-studio-clone
- Owner: devdignesh
- Created: 2024-12-10T15:49:35.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-26T15:14:55.000Z (about 1 month ago)
- Last Synced: 2024-12-26T15:34:07.680Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://apple-watch-studio-clone-nu.vercel.app
- Size: 6.59 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Apple Watch Studio App
A responsive and interactive web app built with Next.js and Tailwind CSS, allowing users to customize their [Apple Watch](https://www.apple.com/shop/studio/apple-watch) with different bands and cases.
## Technologies Used
- [Next.js](https://nextjs.org/) (React Framework)
- [Tailwind CSS](https://tailwindcss.com/) (Utility-first CSS Framework)
- [Redux](https://redux-toolkit.js.org/) (State Management)
- [Framer Motion](https://motion.dev/) (For animations)
- [TypeScript](https://www.typescriptlang.org/) (For type safety)
## Features
- Select and customize Apple Watch bands and cases.
- View and save side view images for different configurations.
- Smooth animations for UI transitions and product selections.
- Mobile and desktop responsive design.
- Interactive sliders for size, case, and band selection.
## Installation
1. Clone the repository:
````bash
git clone https://github.com/devdignesh/apple-watch-studio-clone.git
cd apple-watch-studio-clone
````
2. Install dependencies: Using npm:
```bash
npm install
```
3. Open your browser and visit http://localhost:3000 to see the app in action.
## Contributing
1. Fork the repository.
2. Create a new branch ``git checkout -b feature-branch``.
3. Make your changes.
4. Push to your branch ``git push origin feature-branch``.
5. Create a pull request.