Date: Fall 2020

Keywords: Full Stack Web Development, Ecommerce

Tools: Adobe XD, React, HTML, CSS (Sass), JavaScript, Docker

Timeframe: 1-2 Weeks

Goals: Create a full-stack web application with unique UI interaction for both employees and customers

Link to Github Repository

https://github.com/foolmonkey/Coffee_Shop_353

About Cloud Cafe

Cloud Cafe is a simple and elegant coffee shop website allowing customers to create and track pickup orders online.

Project Architecture

  1. Initially, the website design and user flows were designed using Adobe XD.
  2. Front-end: React, React Router, Axios, JavaScript, and styled using CSS (Sass).
  3. Back-end API: Node.JS Express server, with Passport.JS authentication
  4. Using MySQL, I was able to create a database to be linked to the back end
  5. Infrastructure: Docker facilitated a simple, easy-to-use local environment for development to host the servers for React, Node.JS, and MySQL.

Core Functionality

The website acts as a proof-of-concept, where customers can: