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.
- Visualize the exact ingredient ratios in each drink, helping you make the perfect choice based on your preferences.
- Public users can view drink names and their ingredient graphics to make informed decisions.
- Baristas have access to recipe information, ensuring they can prepare drinks with precision and consistency.
- 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.
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.
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
To experience the Fullstack Coffee Shop, follow these steps:
-
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-shopNavigate to the ./backend directory.
Follow the instructions in the backend README to set up the Flask server and database.
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!
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.
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! ☕📚