Logo

Circle Landing Agency Website

Visit Website
Table of Contents
  1. Acerca del Proyecto
  2. Roadmap
  3. Acerca
  4. Agradecimientos
  5. Desafío Técnico
  6. Grande Error

Acerca del Proyecto

Logo

Este proyecto ha sido creado con los lenguajes HTML, CSS y JavaScript con el propósito de poner en práctica los conocimientos adquiridos a lo largo de estas tres semanas de Bootcamp simulando la elaboración de una página web de empresa.

Para navegar por la página web hay distintas formas: En la barra de navegación tienes la posibilidad de acceder a las secciones de forma directa sin hacer scroll. Además, en cada sección hay habilitados botones por si el visitante tiene interés en conocer más a fondo aspectos de nuestra empresa. Hay una opción de hacer scroll top hasta arriba del todo de la página.

Para hacer este proyecto, uno de los recursos más utilizados ha sido el repositorio creado en clase, accesible en el siguiente enlace: https://github.com/dzc1/class-jan09

Este proyecto ha sido desarrollado por Rubén García y Eiden Andrés Reinaldo.

(back to top)

Construido Con

Este proyecto ha sido desarrollado con HTML, CSS y JavaScript. Además, hemos aprovechado la tecnologia Json ( https://jsonplaceholder.typicode.com/posts/ )para subir los distintos formularios a la nube, apareciendo un mensaje de éxito o fracaso del envío según su estado.

Para el apartado About Us, hemos utilizado los frames para añadir vídeos de YouTube sobre temas de nuestro interés, con el fin de que podáis conocernos a un nivel más personal.

Para controlar las versiones, hemos utilizado esta plataforma (GitHub). Esto nos ha ayudado a trabajar de forma síncrona y asíncrona de manera complementaria.

(back to top)

Roadmap

Backlog

  • Ej - Tarea a completar y mover a su respectivo dia de ejecucion

Day One

Day One

Lunes 23, Enero 2023
  • organizar las tareas
  • crear repositorio
  • vincular Vercel

Day Two

Martes 24, Enero 2023
  • HTML Home

  • HTML Projects

  • HTML About Us

  • HTML Contact Us

  • CSS Home

  • CSS About Us

  • CSS Contact Us

Day Three

Miercoles 25, Enero 2023
  • Puesta al dia
  • CSS Projects
  • index.js
  • project.js
  • contact-us.js
  • CSS Home
  • CSS About Us
  • CSS Contact Us

Day Four

Jueves 26, Enero 2023
  • Terminar de enlazar
  • Responsive
  • Pantalla de carga

Day Five

Viernes 27, Enero 2023
  • Preparar presentación
  • Terminar de redactar el README.md
  • Resolver errores

(back to top)

Acerca

Eiden Andreu (25), administrativo e integrador social, así como estudiante del Bootcamp Front-End de IronHack Barcelona. email de contacto: eidenreinaldo@gmail.com GitHub: https://github.com/EidenAndreu

Rubén García (35), antiguo vendedor y estudiante del Bootcamp Front-End de IronHack Barcelona. email: rubengarciagut@gmail.com GitHub: https://github.com/Aeneras/

Link de presentación: https://www.canva.com/design/DAFY2m_dkzg/view

(back to top)

agradecimientos

A CSS Tricks, sin ti no habríamos podido maquetarlo.

A ChatGPT, por tus largas horas de compañía.

A Andrea, por su gran compañía. Ha sido un placer adoptarla.

A la llorería de IronHack, por las tardes de sufrimiento compartido.

A los profesores, por la paciencia y el aprendizaje.

A Jarko, por las horas extras ayudándonos a entender GitHub y resolviendo conflictos que surgían durante la elaboración del proyecto.

(back to top)

Desafío Técnico

El mayor desafío técnico que nos hemos encontrado ha sido desarrollar algo tan grande como una página web con tantos elementos en un corto plazo de tiempo.

Trabajar con GitHub y encontrarnos conflictos de combinación. La forma de resolverlos ha sido utilizar el comparador de código proporcionado por Visual Studio para poder comparar líneas y quedarnos las más adecuadas. para futuros desarrolladores que trabajen en el proyecto, ya que les brinda información valiosa sobre problemas potenciales y soluciones para superarlos.

Grande Error

Al combinar ramas en la fase final del proyecto mediante Git, nos encontramos con que se perdían partes de código por no mantener el main actualizado en la local. Las consecuencias han sido tener que rehacer parte del código cuando el proyecto, antes de combinar ramas, parecía estar completo. Para solucionar este error, hemos creado una rama nueva a partir de la que tenía el código más adaptado, en este caso la main, y a partir de ahí comparar con una rama anterior e ir haciendo copy-paste de las partes que nos interesaban.