12-04-2017

Desarrollo del Backend y Frontend de deliciosi.com

Deliciosi código backend

Mientras otros miembros del equipo estaban haciendo el panel de control de contenidos o arreglando cosas del framework o el sistema de thumbnails, yo tuve que desarrollar el código frontend y backend, creando controladores, modelos y vistas.

Código Frontend de Deliciosi

Utilizando bootstrap empecé a crear los diseños/maquetación de las vistas, tratando el código LESS manualmente. Eran completamente responsive, es decir optimizados para pantallas de móviles, tablet, o desktop. También se tuvo que meter algo de javascript, mayormente jQuery por los plugins de bootstrap pero también otras cosas concretas.

Vistas creadas utilizando bootstrap y html en PHP:

  • Cabecera
  • Pié de página
  • Menú de navegación
  • Módulo social
  • Deligrid, colección de imágenes
  • Paginador
  • Página de receta
  • Página principal
  • Página de categorías
  • Página de buscar
  • Página de colección
  • Página de temas legales
  • Página 404
  • Sitemaps

Código php de vistas, estructura de archivos

Deliciosi archivos de vista

Trabajo backend en deliciosi

Utilizando PHP y nuestro Framework casero me dispuse a crear las configuraciones, rutas, controladores, modelos, consultas de SQL y preparar las variables para renderizar las vistas de cada ruta.

(Backend) Código de ejemplo controlador

Código de ejemplo controlador

(Backend) Algunas funciones para el buscador

Funciones del buscador

Producto final

Una web de recetas de cocina completamente responsive optimizada para tener alto rendimiento y para el SEO, con soporte AMP pages. Puedes visitarla en https://www.deliciosi.com/.

Si el sitio está offline o quieres conocer más sobre el proyecto puedes visitar el proyecto de planificación de deliciosi.

Deliciosi

Aviso legal: Este proyecto es confidencial. Por lo tanto, no puedo proporcionar acceso al código fuente completo, pero puedo compartir imágenes o pequeños fragmentos de código con fines de demostración, con el permiso del propietario. Sin embargo, si es necesario para una entrevista, podría ser posible otorgar acceso al repositorio privado donde se encuentra alojado este código o una copia del mismo.
  • php
  • mysql
  • javascript
  • css
  • html
  • bootstrap
  • amp-pages
  • less
  • private-project
  • company:panaworld

Vías de Contacto

¿Quieres comentarme algo? Soy de Barcelona. A continuación, te dejo varias opciones para contactar conmigo.

Estado: Estoy trabajando 100% Remoto como Full Stack Developer, pero estoy abierto a oportunidades que me ayuden a hacer crecer mi carrera.

contacto@danieldev.es

Esta PWA ha sido desarrollada por Daniel Domínguez Rubio usando tecnologías como: React, Gatsbyjs, GraphQL, Nodejs, AWS S3 y Cloudfront.

v1.11.0