Sam's Kitchen is a modern full-stack food ordering and delivery platform that connects customers, riders, and admins in a seamless ecosystem. It provides smooth order placement, delivery tracking, and management features with a great user experience.
- 🌐 Website: https://sams-kitchen.netlify.app
- ⚙️ Backend Repository: GitHub – Sam's Kitchen Server
- ✉️ Email:
sarfarazakram16@gmail.com - 🔑 Password:
Sarfaraz123
- Customers can browse foods, place orders, after payment download their reciepts and track their delivery status.
- Riders can view assigned deliveries and update their status.
- Admins manage orders, riders, and customers with robust controls.
The platform features secure payments, role-based access, and real-time updates to ensure a delightful experience for all users.
- Responsive UI built with React and Tailwind CSS + DaisyUI + And design
- Stripe and SSLCommerz integration for secure payments.
- Efficient data fetching & caching using tanstack Query.
- Form management & validation with React Hook Form.
- Interactive animations with Framer Motion.
- Confetti celebration on 5 paid orders.
- Toast notifications via react-toastify and confirmation modals with SweetAlert2.
- Routing with React Router.
- Stylish selects using react-select.
- HTTP requests handled by Axios.
- Firebase integration for authentication.
| Package | Version | Purpose |
|---|---|---|
tailwindcss |
^4.1.11 | Utility-first CSS framework |
daisyui |
^5.0.50 | Tailwind CSS component library |
@stripe/react-stripe-js |
^3.9.0 | Stripe frontend integration |
@stripe/stripe-js |
^7.8.0 | Stripe JS SDK |
@tanstack/react-query |
^5.83.0 | Data fetching & caching |
framer-motion |
^12.23.12 | Animations & transitions |
lottie-react |
^2.4.1 | Lottie animations for loaders |
react-confetti |
^6.4.0 | Confetti celebration animations |
react-hook-form |
^7.61.1 | Form handling and validation |
react-icons |
^5.5.0 | Icon library |
react-select |
^5.10.2 | Select/dropdown UI component |
react-toastify |
^11.0.5 | Toast notifications |
sweetalert2 |
^11.22.2 | Confirmation modals |
jspdf |
^3.0.1 | PDF reciept generation |
jspdf-autotable |
^5.0.2 | PDF table creation |
- 🧑💻 Name: Sarfaraz Akram
- 🌍 Portfolio: https://sarfarazakram.netlify.app
- 📧 Email: sarfaraz.akram055@gmail.com
- 🐱 GitHub: Sarfaraz Akram
- 👔 LinkedIn: Sarfaraz Akram
git clone https://github.com/SarfarazAkram17/Sams-Kitchen-Client.git
cd Sams-Kitchen-Client