https://github.com/thehelpfultipper/coin_cafe_react
https://github.com/thehelpfultipper/coin_cafe_react
Last synced: 20 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/thehelpfultipper/coin_cafe_react
- Owner: thehelpfultipper
- Created: 2023-11-04T21:02:53.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-06T15:56:23.000Z (over 1 year ago)
- Last Synced: 2025-12-19T09:31:04.042Z (6 months ago)
- Language: JavaScript
- Size: 737 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Coin Café - React Coffee Order App ☕️
Coin Café is a modern coffee order application built with React, styled using Sass for a sleek and responsive user interface. This project leverages the power of React's useReducer for efficient and scalable state management, and useContext for seamless data sharing across the application.
## Live Demo
Check out the live demo of the app hosted on GitHub Pages: [https://thehelpfultipper.github.io/coin_cafe_react/](https://thehelpfultipper.github.io/coin_cafe_react/)
## Tutorial
Read how to build this React app on our tutorial blog post: [How To Make A Really Good Shopping Cart With React
](https://thehelpfultipper.com/make-a-really-good-shopping-cart-react/)
## Features
- **User-Friendly Interface:** Enjoy a clean and intuitive user interface designed for an exceptional coffee ordering experience.
- **React-Powered:** Built entirely with React, Coin Café takes advantage of React's component-based architecture for a modular and maintainable codebase.
- **Sass Styling:** The app is styled using Sass, providing a powerful and flexible styling solution to ensure a visually appealing design.
- **State Management with `useReducer`:** Experience efficient and predictable state management through the use of React's useReducer hook, allowing for complex state logic without the need for additional libraries.
- **Data Sharing with `useContext`:** Utilize the useContext hook to effortlessly share data between components, ensuring a smooth flow of information throughout the app.
## Credits
- This project is part of Udemy course *React - The Complete Guide 2023 (incl. React Router & Redux)*
- Coffee data provided by [Coffee API](https://sampleapis.com/api-list/coffee).
## License
Coin Café is open-source software licensed under the MIT license.
Enjoy your coffee ordering journey with Coin Café!