Git Product home page Git Product logo

buscando-roomie's Introduction

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.

buscando-roomie's People

Contributors

darrubla avatar juagarex avatar juliocesardeveloper avatar luis-balderas avatar rojasfredic6 avatar sanarguz avatar santi-arcila avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.