nicolascarriman/timetraveler

🌍 TimeTraveler es un visualizador de itinerarios con integración de terceros. 📅 Mantén todos los detalles de tu próximo viaje al alcance de tus manos. Nuestro producto es sencillo pero lleno de detalles, con animaciones cuidadosamente creadas a mano.

TimeTraveler

Tabla de contenido

• Introducción al proyecto
• Implementacion del proyecto
• Iniciar application

Introduccion al proyecto

TimeTraveler es un visualizador de itinerarios que tiene la capacidad de integrarse con productos de empresas terceras. Ofrecemos un servicio donde el cliente final podra estar al tanto de todos los detalles de su proximo viaje. Nuestro producto es simple pero esta lleno de detalles, todas las animaciones fueron creadas a mano y con especial cuidado.

Implementación del proyecto

• React: Framework utilizado para la creacion del proyecto.
• TypeScript: Superset de JavaScript que implementa tipado estricto.
• ChakraUI: Libreria utilizada para el desarrollo de componentes.

Empezamos definiendo una estructura de directorios que nos permita escalar con el tiempo, los componentes fueron desarrollados con el fin de que esten disponibles para ser reutilizados en otros proyectos. Primero habiamos pensado en utilizar clases, pero con el tiempo y mientras ibamos definiendo las ideas me decante por utilizar hooks para tener un codigo mas limpio y legible. Siguiendo con la modularidad, ChakraUI se adaptaba muy bien a nuestras necesidades y no lo pensamos dos veces a la hora de implementarlo.

Iniciar aplicacion

Necesitaras esta dependencia para correr el proyecto:

• Node.

Instalar librerias:

yarn install

Crear build:

yarn build

Correr la aplicacion:

yarn start