Skip to content

Landing Page de una cafetería ficticia 🍰 llamada "Café Oslo" ☕ , presentada como proyecto del Curso de Introducción al Desarrollo Web Responsive con HTML y CSS en Domestika. 💞

Notifications You must be signed in to change notification settings

achique-luisdan/web-coffee-domestika

Repository files navigation

Web Coffee Domestika

Descripción (Description)

Landing Page para una cafetería ficticia llamada "Café Oslo", presentada como proyecto final del Curso de Introducción al Desarrollo Web Responsive con HTML y CSS en la plataforma de Domestika.

Agradezco al profesor por las imágenes que nos dio con los diseños UI/UX para dispositivos mobiles y desktop.

Adicionalmente, como parte de mi aporte personal agregué un backend para procesar el formulario de contacto.

YouTube Coding

Con mucho cariño he grabado estos vídeos para que puedas visualizar el proceso de codificación, pincha las miniaturas y acompañame con buena música:

Características ❤️

  1. Landing Page con frases de interés.
  2. Formulario de contacto.

Herramientas 🛠️

Frontend

  • HTML v5
  • CSS v3
  • Skeleton v2.0.4
  • JavaScript (EmacScript 6)
  • Fetch.js

Backend

  • Node.js v16
  • Express.js v4.17.1
  • typescript v4.4.4
  • SQLite3 v5.0.2
  • TypeORM v0.2.40
  • CORS v2.8.5

Instalación 🔧

A continuación se indican los pasos para realizar la instalación de las herramientas necesarias para la ejecución del backend:

Paso 1. Instalar Node.js

Para ello puedes acceder al sitio oficial de Node.js y descargar el instalador.

Paso 2. Instalar dependencias del proyecto

Accede a la carpeta del proyecto en el directorio raíz ejecuta el siguiente comando:

npm install

Paso 3. Compilar proyecto

npm run build

Paso 4. Levantar Servidor

npm run start

Mejora Continua 🚀

  1. Enviar PDF con el catálogo de productos a los usuarios de contactos interesados.
  2. Agregar panel para leer los mensajes de contacto.
  3. Agregar inicio de sesión para el administrador de la web.
  4. Ubicar cafetería en Google Maps.
  5. Desplegar el backend en un servidor gratuito.

About

Landing Page de una cafetería ficticia 🍰 llamada "Café Oslo" ☕ , presentada como proyecto del Curso de Introducción al Desarrollo Web Responsive con HTML y CSS en Domestika. 💞

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published