/starboy-coffee

Primary LanguageEJSMIT LicenseMIT

Starboy Coffee

A POS style app for ordering drinks.

See it live at StarBoy Coffee

How It's Made:

Utilized:

  • JavaScript
  • Node
  • Express
  • EJS
  • CSS(flexbox)
  • Bootstrap 5
  • MongoDB
  • Mongoose
  • Passport
  • SpeechSynthesis

Users are able to input costumer name and their chosen order. Then a barista can either sign up or sign in and view all orders and complete them. The program will store which barista completed which order and shout the order out loud for the costumer.

Lessons Learned:

Through building this app, I was able to get comfortable with the basics of GET, PUT, POST and DELETE. As well as further familiarizing myself in using EJS and mongoDB. Additionally I had a very fun time, working with boostrap5 and the voice synth browser features..

Optimizations

As someone with no background in art, styling could definitely use improvements.

Optimize CSS

Some of the code needs to refactored for better readabiility. Some deprecated code (bodyparser) needs to be updated

Upcoming features:

  • Accessibilty features like, high contrast and zoom in options
  • Adding more costumizability for the voices used based on the gender of the barista
  • More costumizability for costumers

Errors and Bugs

If something behaves unexpectedly, it is likely a bug. Create an issue and report it here

Previews

Home Page

Bar Page

Run this locally

Installation

  1. Clone repo
  2. run npm install

Usage

  1. run node server.js
  2. Navigate to localhost:8080