A mobile-friendly web application that allows you to customize the features of a 3D shoe model.

• Present a 3D render of the gld file, where the user can rotate in every direction.
• The ability to change the color of each layer, either by
  • Choosing a color from a recommended palette.
  • Selecting a color using a color picker, where the saturation and chroma can be defined.
• The ability to change the width, height and depth of each layer. You can also go back to the default value configuration.

1. Clone this repository.

$ git clone https://github.com/Natali-PP/3D-shoe-customizer.git

2. Once cloned, go to the cloned directory and install the dependencies

$ cd 3D-shoe-customizer
$ npm install

3. To run the development environment

$ npm run dev

• React - A JavaScript library for building user interfaces
• React Three Fiber - A React renderer for Three.js.
• Vite - Build tool that aims to provide a faster and leaner development experience for modern web projects.
• Chakra UI - Simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

• Drei - Useful helpers for react-three-fiber.
• Framer Motion - A production-ready animation library for React.
• React color - A tiny color picker widget component for react apps.
• React Media - CSS media queries for React.
• React responsive carousel - Powerful, lightweight and fully customizable carousel component for React apps.

Made with ❤️ by Natalí Palacio Pastor - 2023 Argentina ⭐⭐⭐