Coffee Time

HTML CSS Javascript

Wednesday, January 1, 2025

Demo
Github

Introduction

https://codesuzyworld.github.io/CoffeeTime/index.html

CoffeeTime is a recipe management app for coffee brewing.

It is a  Javascript web app that allows users to  create, edit, delete coffee recipes using local storage. The app also features a timer for the brewing process.

Features

Coffee Recipe Management
CRUD functionality, ability to store, edit and delete coffee recipes
Coffee Timer
Timer tool to help users with the brewing process

Tech

FRONTEND - Vanilla Javascript and CSS
  • Utlizes Local Storage to store recipes
  • Vanilla CSS written without any frameworks, mobile friendly using media queries
DESIGN - Figma and Adobe Illustrator
  • All the SVG assets, including the coffee logo are handcrafted by me
  • UI Design created in Figma