https://github.com/maciejkuran/hello-smoothie
Smoothies orders and delivery. Demo app. 🥦🥒🍆🍅
https://github.com/maciejkuran/hello-smoothie
firebase firebase-realtime-database framer-motion react react-hooks rest-api
Last synced: 3 months ago
JSON representation
Smoothies orders and delivery. Demo app. 🥦🥒🍆🍅
- Host: GitHub
- URL: https://github.com/maciejkuran/hello-smoothie
- Owner: maciejkuran
- License: other
- Created: 2023-01-13T19:05:14.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-22T13:50:52.000Z (over 3 years ago)
- Last Synced: 2025-05-29T20:47:00.541Z (about 1 year ago)
- Topics: firebase, firebase-realtime-database, framer-motion, react, react-hooks, rest-api
- Language: JavaScript
- Homepage: https://hello-smoothie.netlify.app/
- Size: 2.51 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.txt
Awesome Lists containing this project
README
# hello! smoothie 🥕
It is my next React project. It is an application that, despite its small size, is relatively complex:
- custom hooks `useHttp` (for HTTP requests) and `useInput` (for getting and validating single input);
- configuring Firebase Realtime Database;
- sending `get` and `post` requests to Firebase API (handling possible errors);
- Framer-motion library used to create a draggy products carousel;
- building & using a custom `ContextProvider` components;
- creating central place for cart state & logic, managing cart state with `useReducer`'s function and providing `value` to children components via`Context.Provider`;
- managing checkout form validation & handling possible errors;
- basic performance optimization (memoization).
I designed the app in natural Earthy colors, in an old-school style.
🥦🥒🍆🍅 [hello! smoothie - LIVE](https://hello-smoothie.netlify.app/)
