wyne-ybanez/Barista-Project

A website for a barista/cafe/coffee enthusiast for WIT project

UB20 Cafe

Project Goal

The goal of this project is to create a simple and clean barista/coffee website for a fake café named UB20.

Link: https://ub20.netlify.app/

Theme:

• Barista/Cafe Bar

• Color Scheme: Brown to light brown as shown in: https://coolors.co/palette/ede0d4-e6ccb2-ddb892-b08968-7f5539-9c6644

• Desktop View Website

Deployment in Netlify

In netlify deployment settings:

• Build command: npm run build
• Publish directory: _site

Citations:

• Blog Content:

  • https://www.couvee.co.id/
  • https://en.wikipedia.org/wiki/Coffee_bean
  • https://en.wikipedia.org/wiki/Coffee

• Color Scheme:

  • https://coolors.co/palette/ede0d4-e6ccb2-ddb892-b08968-7f5539-9c6644

• Underline Effect:

  • https://stackoverflow.com/questions/40242378/underline-from-left-to-right-on-hover-in-and-out

• Google fonts:

  • Montserrrat
  • Roboto
  • Fredoka

• Understanding of grid:

  • https://grid.layoutit.com/
  • https://www.udemy.com/course/advanced-css-and-sass/

• Inspiration:

  • https://www.couvee.co.id/

• Image Content:

  • https://unsplash.com/

• Underline Effect:

  • https://codepen.io/Wking/pen/BdmpVx

• Underline Header Effect:

  • https://stackoverflow.com/questions/40242378/underline-from-left-to-right-on-hover-in-and-out

• Debug Scripts for automatic deployment using eleventy and Netlify:

  • https://11ty.recipes/recipes/add-scripts-to-package.json/