- Introducción
- Tecnologías Utilizadas
- Requisitos Previos
- Instrucciones de Instalación
- Configuración y Uso de GraphQL Codegen
- Diseño UI/UX
- Recursos Educativos
SendaAlquiler - Frontend es la cara visible de nuestra aplicación de alquileres, construida con un conjunto moderno de tecnologías para proporcionar una experiencia fluida y dinámica al usuario. Este frontend se comunica con nuestro backend basado en Django a través de GraphQL.
- Next.js: Framework web basado en React para aplicaciones de una sola página.
- TypeScript: Superset de JavaScript que añade tipado estático.
- React Query: Librería para manejar estado de Backend. React Query puede manejar las peticiones a una API, y puede gestionar cuándo debes actualizar los datos, incluso de forma automática.
- Tailwind CSS: Un framework CSS de bajo nivel para la construcción de diseños personalizados.
- GraphQL Codegen: Herramienta que genera automáticamente el tipado de TypeScript a partir de esquemas GraphQL.
- Yarn: Gestor de paquetes utilizado para manejar y distribuir paquetes de software.
Descargar Yarn
yarn installyarn devEsto iniciará el servidor en modo desarrollo. Normalmente, podrás acceder a la aplicación a través de http://localhost:3000.
GraphQL Codegen es una herramienta poderosa que facilita la integración de GraphQL con TypeScript. Para ejecturalo solo debes asegurarte de que tu endpoint de GraphQL (la aplicación backend de Django) esté accesible y ejecuta:
yarn genEsto generará automáticamente los tipos y hooks para tus consultas y mutaciones.
El diseño de la interfaz de usuario fue creado con Figma, proporcionando una visión clara y estructurada de la experiencia del usuario final. Es una herramienta valiosa para comprender visualmente la estructura y la interacción del proyecto.
Aquí se incluyen recursos adicionales para comprender mejor las tecnologías empleadas: