Torino Print es una plataforma web dedicada a una imprenta de regalos personalizados. La empresa se especializa en personalizar camisetas, tazas, carcasas de móviles y otros objetos. El objetivo principal de este proyecto es resaltar los servicios que ofrece Torino Print para usuarios online, así como atraer a la marca mediante un diseño llamativo y componentes que permitan una interacción fácil y divertida con el usuario.
- DEMO del proyecto en vercel: Torino Print
-
Inicio: Esta página da la bienvenida a los usuarios a la web. Destaca con un personalizador de camisetas en 3D, donde el usuario puede cambiar el color de la camiseta y subir su imagen para visualizar cómo se verá la camiseta impresa.
-
Acerca de: Esta página proporciona información sobre la marca Torino Print y los servicios que ofrece la empresa.
-
Diseña Ahora: Aquí se encuentra el personalizador de camisetas en 3D.
-
Productos: En esta sección se pueden explorar los productos que ofrece Torino Print.
-
Contacto: Se incluye un formulario de contacto con la posibilidad de subir imágenes personalizadas y realizar consultas.
-
Iniciar sesión / Registrarse: Los usuarios registrados pueden descargar sus diseños hechos en el personalizador y acceder a su área privada.
-
Pie de Página: Incluye un mapa de ubicación de la tienda, datos de contacto y enlaces a las redes sociales.
-
Página 404
- Personalizador de camisetas en 3D interactivo.
- Posibilidad de subir imágenes para personalizar productos.
- Información detallada sobre los productos ofrecidos.
- Sistema de autenticación de usuarios.
- Animaciones fluidas para una experiencia de usuario mejorada.
- @react-three/drei: Utilidades útiles para Three.js en React.
- @react-three/fiber: React renderer para la biblioteca Three.js.
- firebase: Backend para el manejo de autenticación de usuarios.
- framer-motion: Librería para animaciones.
- maath: Ayudantes de matemáticas para Three.js.
- react: Biblioteca principal de React.
- react-color: Componentes de selector de colores.
- react-dom: Renderizador de React para el navegador.
- react-router-dom: Enrutador de React para la navegación.
- three: Biblioteca Three.js para la manipulación de objetos en 3D.
- valtio: Herramienta para el manejo de estado en React.
- tailwind: Framework de diseño CSS.
- daisyui: Componentes de interfaz de usuario para Tailwind CSS.
Para instalar y ejecutar este proyecto localmente, sigue estos pasos:
- Clona este repositorio.
git clone https://github.com/zookatt/S.9-Proyecto.git
- Navega hasta el directorio del proyecto.
cd tuproyecto
- Instala las dependencias.
npm install
- Build and Deploy an AI-Powered 3D Website Using React
- Cómo guardar y descargar archivos con Firebase Storage y React
- Documentacion Three.js
- Documentacion React - Color
¡Las contribuciones son bienvenidas! Si deseas contribuir a este proyecto, sigue estos pasos:
- Haz un fork del repositorio.
- Crea una nueva rama.
- Realiza tus cambios.
- Haz commit de tus cambios.
- Sube tus cambios a la rama.
- Envía un pull request.