Fullstack Coffee Shop

Welcome to the Fullstack Coffee Shop, a digitally enabled café designed for students to order drinks, socialize, and study hard. This application enhances the café experience by offering a range of features, including drink ingredient ratios display and role-based access control. Whether you're a public user, a barista, or a shop manager, this coffee shop app has you covered.

Features

1. Ingredient Ratios Display

• Visualize the exact ingredient ratios in each drink, helping you make the perfect choice based on your preferences.

2. Public User Access

• Public users can view drink names and their ingredient graphics to make informed decisions.

3. Barista Privileges

• Baristas have access to recipe information, ensuring they can prepare drinks with precision and consistency.

4. Shop Manager Control

• Shop managers can create new drinks and edit existing ones, giving them the authority to expand the café's menu and adjust recipes as needed.

Auth0 Integration

The Fullstack Coffee Shop prioritizes security and authentication. Auth0 has been integrated and configured to manage user access and roles effectively. Users can enjoy a safe and protected environment while they explore and order their favorite drinks.

Tech Stack

The Fullstack Coffee Shop is built on a robust tech stack that includes:

• Backend: Flask, a Python micro web framework
• Frontend: Ionic, an open-source framework for building cross-platform mobile applications
• Authentication: Auth0 for secure user authentication
• Database: PostgreSQL for storing drink information

Getting Started

To experience the Fullstack Coffee Shop, follow these steps:

1. Clone this repository to your local machine:

   git clone https://github.com/yourusername/fullstack-coffee-shop.git

Navigate to the project directory:

cd fullstack-coffee-shop

Navigate to the ./backend directory.

Follow the instructions in the backend README to set up the Flask server and database.

Set up the frontend:

Navigate to the ./frontend directory. Update the environment variables in ./frontend/src/environment/environment.ts with your Auth0 configuration details. Follow the instructions in the frontend README to start the Ionic app. Explore and enjoy the Fullstack Coffee Shop!

Acknowledgments

This project was completed as part of the Udacity Full Stack Web Developer Nanodegree program. Special thanks to the Udacity team for their support and guidance.

License

This project is licensed under the terms of the MIT License. Feel free to use, modify, and distribute the code as per the license terms.

Enjoy your time at the Fullstack Coffee Shop, and happy studying! ☕📚