Skip to content

3D shoe configurator built with React Three Fiber and Framer Motion

Notifications You must be signed in to change notification settings

hardikverma22/shoe-forge

Repository files navigation

Shoe Forge - 3D 👟 Configurator

Description

Shoe Forge is a shoe configurator built with technologies like React, React Three Fiber, React Three Drei, Framer Motion, GSAP, and Valtio. It allows users to customize and visualize their own unique shoe designs in a 3D environment.

Demo

Check out the live demo here.

Features

  • Interactive 3D shoe visualization
  • Customizable shoe components (e.g., materials, colors and decals)
  • Real-time preview of shoe modifications
  • Smooth animations and transitions
  • Responsive design for different screen sizes

Installation

To run the Shoe Forge locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/hardikverma22/shoe-forge.git
    
  2. Navigate to the project directory:

    cd shoe-forge
    
  3. Install the dependencies:

    npm install
    
  4. Start the development server:

    npm run dev
    
  5. Open your browser and visit http://localhost:3000 to see the app in action.

Technologies Used

  • React
  • React Three Fiber
  • React Three Drei
  • Framer Motion
  • GSAP
  • Valtio

Contributing

Contributions are welcome! If you'd like to contribute to Shoe Forge, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them.
  4. Push your changes to your fork.
  5. Submit a pull request to the main branch of the original repository.

About

3D shoe configurator built with React Three Fiber and Framer Motion

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published