ardillan / asociacion-reciclate-ya

Página web de la Asociación Recíclate YA

Asociación Recíclate YA

Sitio web para la asociación Recíclate YA. Construido gracias a Frontity y WordPress.

🚀 Inicio rápido

1. Clona el repositorio del proyecto mediante el siguiente comando

   git clone https://github.com/ardillan/asociacion-reciclate-ya.git

2. Desarrollo

   Para ejecutar la web en tu ordenador tendrás que descargar las dependencias y ejecutar Frontity. En primer lugar, en la carpeta raíz del proyecto hay que ejecutar:

   npm install

   Por último, ejecuta Frontity

   npx frontity dev

🎓 ¿Cómo funciona?

Front

Esta web renderiza su contenido gracias a ReactJS, una librería para crear interfaces basadas en componentes. Puedes aprender a usarlo en su página oficial.

Back

El contenido de la web se nutre a través de WordPress gracias a su API.

asociacion-reciclate-ya's Issues

Extender todos los separadores hasta el límite de la pantalla

Opinión: Molaría que al igual que llegan las waves de separación a la izquierda de la pantalla, también llegaran a la derecha, ¿no?

Véase el separador de la persona que no llega a la derecha de la pantalla.

Optimizar imagen "foto-grupo" de la página principal

En la home hay una imagen que no está optimizada y pesa 4,12 MB, optimizar los tamaños de la misma.

Corregir el contenido de prueba de algunas secciones

Supongo que esto no depende del desarrollador, pero el contenido de las secciones:

• ¿Cómo puedo formar parte?
• ¿Cómo puedo colaborar?
• Actividades que realizamos

Son Lorem Ipsum y el Quijote.

Añadir icono de carga (loader)

Ahora mismo no hay un indicador que sirva para ver que la página está cargando.

Aunque el tiempo de carga sea mínimo, sería bueno evitar esas pantallas en blanco para poder dar una respuesta visual rápida y mejorar con ello la experiencia de usuario.

Recomendación: El loader podría ser un GIF de una bici en movimiento.

Colapsar el menú al cambiar de sección

Cuando navegas entre secciones con el formato del menú colapsado, al cambiar entre estas el menú se debería cerrar.

Cambiar Favicon

Ahora mismo se muestra el Favicon que viene por defecto con Frontity.

Habría que cambiarlo y de paso añadir todo lo referente a favicons en diferentes plataformas (pin-tal de Safari, icono para mostrar en el Dashboard de un móvil....)

Corregir el link del Facebook del footer

La ruta está puesta relativa, falta el protocolo o el //

Añadir página de error (404)

Ahora mismo la web no da ningún tipo de respuesta ante páginas que se resuelven con un error 404.

Corregir scroll horizontal debido al footer

Hay un scroll horizontal que creo que se debe al footer, en todos los tamaños, pero se hace más evidente cuando el ancho es menor de 900 (que es el tamaño fijo del footer) y el salto al layout mobile

Ordenar los post por antigüedad descendente

Parece que las entradas no están ordenadas por antiguedad, así que salen algunas antiguas por encima de otras nuevas, dos opciones:

• Si son entradas destacadas, marcarlas como tal para que se vea
• Si no lo son, corregir el orden de las entradas

Optimizar el icono del menú hamburguesa

New pijada is comming...

El icono del menú hamburguesa, tiene un tamaño de 200x200 cuando en realidad se utiliza uno de 25x25, tendiendo en cuenta una pantalla con una densidad de píxeles muy tocha, cuanto sería lo máximo, ¿75x75?

Optimizar esa imagen para ahorrar la friolera de unos bytes.

Añadir título a cada página

Ahora mismo la web no gestiona qué title ha de llevar cada página. Lo suyo sería utilizar el componente propio de Frontity que ayuda a este tipo de cosas.

Centrar siempre el contenido de las cajitas del footer

Cuanto el texto que contienen las cajitas del footer no llega al final, los títulos no se centran correctamente y quedan ladeados.

Corregir el área clicable del meńu cuando está colapsado

Cuando el menú están en formato colapsado, el área clicable debería ser toda la franaja amarilla en vez de sólo las palabras.