Roomie Finder

Español

Descripción

Aplicación web para buscar y alquilar habitaciones.

Documentación

Tecnologías

Tecnología Versión Beneficios al Proyecto
16.13.1 React nos permite crear componentes reutilizables que agilizan el desarrollo, ademas de hooks para manejar el estado en componentes funcionales y un conjunto de herramientas mas para el desarrollado
9.5.2 Con NextJs podemos comenzar en React de una forma más rápida, dejando a un lado las pre-configuraciones. Además de que trae consigo un estandar fácil de usar a la hora de manejar el Router, imágenes inclusive
1.26.10 Este preprocesador es uno de los más populares en el mundo del desarrollo web ya que su sintaxis es muy similar a CSS pero con vitaminas, ya que podemos crear variables, mixins y anidar clases de una forma muy fácil.
1.26.10 Gracias a este linter podemos darnos cuenta de errores que podrian generar bugs en nuestro código y así evitar subirlos a producción.

Equipo Frontend

Miembro Rol Tareas
Juan Pablo Corredor Rodriguez Frontend Encargado del diseño, estilos,animaciones y arquitectura de los archivos SASS
Daniel Eduardo Arrubla Fúnez Frontend Encargado de la integración del Login y Registro en el Frontend, como también del componente de anunciar habitación, también encargado de los componentes modales
Julio César Arroyave Herrera Frontend Participó en el prototipado en figma, maquetación del home, implementar filtros de habitaciones
Fredic Yohany Rojas Parra Frontend Aprendió a utilizar React sin tener conocimientos previos de este, para lograr la maquetación del Hader y Footer
Santiago Arcila Guzmán Frontend Maquetó la vista de detalle de habitación y su integracion para traer los datos del backend y el Deploy con Vercel

Equipo Backend

Miembro Rol Tareas
Luis Moises Balderas Backend Diseño de las tablas de flujo de la aplicación, la Rest API, la integración con MongoDB y Deploy con Vercel
Luis Arturo Cruz Cruz Backend Crear datos de prueba en la base de datos, documentar el notion, detalles adicionales en el backend

Enlaces de Interés

Nombre Enlace
Diagrama de Flujo https://coggle.it/diagram/X2OlSE37tAmRlJyG/t/home-sin-iniciar-sesion
Diseño Base en Figma https://www.notion.so/Prototipes-0e25b707d73049ad8ce61451e7944979#9beffc77b6b748f1933b17a685e5b562
Página del deploy https://roomie-finder.vercel.app

Pasos para Colaborar

  1. Hacer fork del proyecto: al dar click al boton fork (ubicado en la parte superior derecha)
  2. Clonar el proyecto: git clone https://gitlab.com/<Tu usuario>/buscando-romie
  3. Instalar las dependencias: npm install o usar npm i
  4. Ejecutar el proyecto: npm run dev
  5. Realizar las mejoras necesarias en una nueva rama y hacer un commit: git commit -am "<Mensaje del commit>" o usar git add . y luego git commit -m "<Mensaje del commit>"
  6. Subir los cambios al repositio creado con el fork: git push origin <rama que se uso>
  7. Crear un merge request al proyecto original.

English

Description

Web application to search and rent rooms.

Documentation

Technologies

Technology Version Benefits
16.13.1 React allows us to create reusable components that speed up development, in addition to hooks to manage the state in functional components and a set of tools for development.
9.5.2 With NextJs we can start in React in a faster way, leaving aside the pre-configurations. In addition to bringing with it an easy-to-use standard when it comes to managing the Router, images and even
1.26.10 This preprocessor is one of the most popular in the world of web development since its syntax is very similar to CSS but with vitamins, since we can create variables, mixins and nest classes in a very easy way.
1.26.10 Thanks to this linter we can realize errors that could generate bugs in our code and thus avoid uploading them to production.

Frontend Team

Member Role Collaborations
Juan Pablo Corredor Rodriguez Frontend Responsible for the design, styles, animations and architecture of the style files
Daniel Eduardo Arrubla Fúnez Frontend In charge of the integration of Login and Registration in the Frontend, as well as the component of announcing room
Julio César Arroyave Herrera Frontend Participated in the prototyping, home layout, implementing room filters
Fredic Yohany Rojas Parra Frontend Made the layout of the header and footer
Santiago Arcila Guzmán Frontend Layout the room detail view and its integration to bring backend data and Deploy with Vercel

Equipo Backend

Member Role Collaborations
Luis Moises Balderas Backend Design of application flow tables, Rest API, integration with MongoDB and Deploy with Vercel
Luis Arturo Cruz Cruz Backend Create test data in the database, document the notion, additional details in the backend

Links of Interest

Name Link
Flowchart https://coggle.it/diagram/X2OlSE37tAmRlJyG/t/home-sin-iniciar-sesion
Base Design in Figma https://www.notion.so/Prototipes-0e25b707d73049ad8ce61451e7944979#9beffc77b6b748f1933b17a685e5b562
Deploy page https://roomie-finder.vercel.app

Steps to Collaborate

  1. Fork the project: by clicking the fork button (located at the top right)
  2. Clone the project: git clone https://gitlab.com/<your username>/backend-intellegent-tourism-system.git
  3. Install dependencies: npm install or use npm i
  4. Run the project: npm run dev
  5. Do the necessary improvements and make a commit: git commit -am "<commit message>" or use git add . and then git commit -m "<commit message>"
  6. Upload changes to the repository created with the fork: git push origin <rama que se uso>
  7. Create a merge request to the original project.