Edspresso

Edspresso - a web application designed to help coffee shop owners enhance their baristas' skills and knowledge while saving costs. The application offers three key features: Train, Test, and Track. Through the interactive platform, baristas can complete assigned lessons, take quizzes, and track their progress. Coffee shop owners can access the admin account to monitor the overall data and progress of all lessons assigned to all baristas.

Table of Contents

• Features
• Production Application
• Demo
• Technology Stack
• Deliverables
• Team Members

Features

Edspresso has three main features:

• ☕ Coffee Training

  • Trainees can access a comprehensive library of lessons anytime, allowing flexibility in their learning schedule. ‐ Each lesson provides a structured, step-by-step guide, ensuring a seamless learning experience.
  • Rich content, including photos, coffee bean to water ratio calculator, and supplementary materials, enhances engagement and understanding.

• 📝 Quiz

  • Trainees can evaluate their understanding through quizzes associated with each lesson.
  • Instant feedback on quiz performance helps trainees identify strengths and areas for improvement.
  • Upon completing a quiz, trainees' results can be verified by managers, ensuring accountability and comprehension.

• 📊 Track

  • Managers can filter training results by course and time period, gaining insights into performance variations.
  • A detailed list view provides a comprehensive breakdown of individual and group achievements, aiding in targeted interventions. ‐ Visualize training outcomes through intuitive graphs, facilitating quick interpretation of trends and patterns.

Production application

https://edspresso.ca

Demo

Trainee side on Desktop	Screens on Mobile

Technology Stack

Edspresso is built using the following technologies:

• Front-end: React, Material UI, SASS
• Back-end: Node.js, Express
• Database: MongoDB
• Deployment: Railway, Netlify

Edspresso's modern system architecture comprises a frontend developed using React, Material UI, and Sass hosted on Netlify, and a backend built with Node.js and Express, hosted on Railway. The communication between the frontend and backend is accomplished using RESTful APIs. The database used for storing data is MongoDB Atlas.

Deliverables

• Lean Canvas
• Business Proposal
• User Flow
• Information Structure
• Wireframe
• Data Model
• Development Milestone Criteria
• System Design
• UI Kit
• Logo
• React Component Tree
• Burndown Chart
• Project Proposal
• Bug bash Report (Alpha & Beta)
• Marketing materials
• Presentation Deck & Script
• Image & Source code
• Post-mortem Report

Team Members

• Dada (Dhananya Kiatsongsak), Project Manager, Front-end Developer (LinkedIn)
• Flavia Chonso, UX Lead (LinkedIn)
• Thanarat Krisanayuth, UI Lead (LinkedIn)
• Kevin Garcia, Full Stack Designer (LinkedIn)
• Rena Sakata, Dev Lead (LinkedIn)
• Jungho Lee, Full Stack Developer (LinkedIn)
• Nismath Naifar, Front-end Developer (LinkedIn)