geekhadev / openfeedback Goto Github PK

En negro no se ve bien con el fondo tan oscuro que hay, así que voy a poner otro color en consonancia con los que hay (rosa/malva).
Y voy a corregir la palabra Regiter y poner Register.

The folder could be located in /src/ui, inside we can define /atom, /molecules, /organisms, etc. folders.

Some typographies I have in mind are Title(h1), Subtitle(h2), Heading(h3), Subheading(h4), Body(p) and maybe Phrase(span)?.

Each component has its basic props such as

• fontWidth, which can use the values [thin, extralight, light, normal, medium, semibold, bold, extrabold, black].
  Underneath, it uses the Tailwindcss classes font-thin, font-extralight, etc.

For this PR, only its structure and functionalities will be defined.
In a separate PR, the previous tags will be replaced by these components.

Propongo eliminar las cadenas mágicas, creando una carpeta de constantes donde se almacenen las cadenas que se utilizarán en la página, de esta manera, tendremos un código más desacoplado y sabremos de antemano dónde se encuentran cuando necesitemos cambiar alguna de ellas.

Estoy trabajando en la página de proyectos hasta ahora, así va quedando mi propuesta, la imagen es un swiper para que cuando el proyecto tenga varias imágenes o videos el usuario pueda cambiar entre ellas fácilmente, y cuando haga click se habrá un modal con la imagen más grande.

La imagen de fondo cambiaria dinámicamente eligiendo la primera imagen del proyecto o bien al azar si hay varias de tipo img.

Actualmente el header no es responsive y el principal problema es el menú

Agregado de link a toda la card y no solo a su imagen. Agregado de espacio entre la descripción, categorías y valoración/feedbacks. Además de un fondo a las categorías y que la primera letra siempre sea mayúscula para mas prolijidad.

La página de detalle de los proyectos debería tener imagen o imágenes del proyecto, título, descripción fecha de publicación, última fecha de actualización, autor, categorías, calificaciones (estrellas). Debe contar con un enlace al portafolio del autor, y enlaces para ver el demo del proyecto y repositorio en caso de que los tenga configurado.

Hay que cuidar que los componentes o elementos creados sean adaptativos a diferentes resoluciones y que cuentes, con los tamaños espaciados, tipos de fuente y colores de la página principal.

Está página debe ser un template que le permita a un usuario de la plataforma compartir su información y proyectos en formato de portafolio hay que cuidar que las urls de acceso a los portafolios sean fáciles ejemplo openfeedback.dev/p/geekhadev, el portafolio debe contar un diseño simple y fácil de navegar, la información del autor, sus proyectos, proyectos destacados, valoraciones, botones para compartir en las redes sociales.

Se espera que todo el diseño sea adaptativo a diferentes tamaños de dispositivos y que los tamaños fuentes y colores sean acordes a los actuales en la página del home.

En pantallas pequeñas debería verse solo un proyecto por linea.

Se propone mejorar los diseños de las secciones actual del sistema, mejorando un poco temas como: colores, espaciados, tamaños de fuente.

También mejorar el card de los proyectos para agregar una imagen, el nombre de usuario del autor, la fecha de publicación y la categoría.

Es necesario para el proyecto tener una plantilla HTML y CSS que permita la visualización de los datos, se proponer hacerlo con Tailwind para ocupar los recursos disponibles en el proyecto.

Debería tener al menos las secciones

• Cabecera
• Menú
• Presentación
• Lista de proyectos

Sería bueno tener un logo SVG del proyecto que también pueda ser utilizado en otros lugares donde se requiera como imagen.

Agregar en el Hero botones a las redes sociales, principalmente el de Github que apunte al repositorio y uno del canal de Discord de SomosJuniors.

Link para el botón de github: https://github.com/geekhadev/openfeedback
Link para el botón de discord: https://discord.gg/VRXCPxwq

Se me ocurre que luego del botón de "Registrate y participa" estén los dos botones.
Se recomienda que se abran en una nueva pestaña.

Se recomienda según la resolución cambiar la dirección de flexbox a column