/sneakerHead

An e-commerce website made using three.js, tailwind CSS and React

Primary LanguageTypeScript

SneakerHead

Introduction 🌟

An e-commerce sneaker store made using React, Tailwind CSS and Three.js. Three.js is used to enhance the user experience and also enable the user to customize their sneakers by their liking!

Features ✨

  • 3D Model Viewing - Users can view detailed 3D models of the products they are interested in purchasing.
  • Product Customization - Users can customize the colors of the 3D models in real-time to see how their personalized product will look.
  • Custom Animations - The website includes custom animations for the 3D models, enhancing the user experience and showcasing the products dynamically.
  • Interactive User Interface - An intuitive and user-friendly interface that makes navigating and interacting with 3D models easy and enjoyable.
  • Responsive Design - The website is fully responsive, ensuring a seamless experience on both desktop and mobile devices.

Demo 🎬

1. Profiles and Movement

Installation 💻

# Clone the repository
git clone https://github.com/madraven05/sneakerHead.git

# Navigate to the project directory
cd your-project

# Install dependencies
npm install

# Start the development server
npx vite

Technologies Used 🧰

  • React
  • Typescript
  • Tailwind CSS
  • React Three Fiber
  • React Spring (Three)

Contact 📞