https://github.com/gyanthakur/your-cafe

Your Cafe is a modern food ordering web application that provides users with a seamless experience for browsing, selecting, and ordering food online. Built using the MERN stack and powered by Vite, this app offers fast, responsive, and secure functionality to ensure users can enjoy their meals with just a few clicks.
https://github.com/gyanthakur/your-cafe

axios express mern mongodb-atlas mongoose nodejs react reactjs toastify webstac

Last synced: 10 days ago
JSON representation

Your Cafe is a modern food ordering web application that provides users with a seamless experience for browsing, selecting, and ordering food online. Built using the MERN stack and powered by Vite, this app offers fast, responsive, and secure functionality to ensure users can enjoy their meals with just a few clicks.

• Host: GitHub
• URL: https://github.com/gyanthakur/your-cafe
• Owner: Gyanthakur
• Created: 2024-10-16T11:18:13.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-21T20:00:18.000Z (2 months ago)
• Last Synced: 2024-10-22T13:40:18.737Z (2 months ago)
• Topics: axios, express, mern, mongodb-atlas, mongoose, nodejs, react, reactjs, toastify, webstac
• Language: JavaScript
• Homepage: https://your-cafe.onrender.com
• Size: 8.62 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  



# 🍽️ Your Cafe - Food Ordering Web App

Welcome to **Your Cafe**, a food ordering web app built with the **MERN** stack (MongoDB, Express.js, React.js, Node.js) and **Vite** for fast development! 🚀

## Features ✨

- 🛒 **Order Food**: Browse our menu and add delicious items to your cart!

- 🧾 **View Cart**: Review your selected items before checkout.

- 🔐 **Secure Authentication**: User login and registration to ensure a personalized experience.

- 💳 **Payment Gateway**: Seamless payment integration.

- 📦 **Order Tracking**: Keep an eye on your orders as they're prepared and delivered.

- 📱 **Responsive Design**: Accessible from any device, whether mobile, tablet, or desktop!

## Tech Stack 💻

- **Frontend**: React.js, Vite

- **Backend**: Node.js, Express.js

- **Database**: MongoDB

- **Authentication**: JWT & Clerk

- **Payment Integration**: Stripe and CASH

- **Styling**: Tailwind CSS

## Home Page

![image](https://github.com/user-attachments/assets/2dec60d6-3eda-48d1-a846-135eb2895d91)

## Menu page

![image](https://github.com/user-attachments/assets/fa6e7ceb-70b9-4383-a100-5dbfb7a7e62a)

## Dishes page

![image](https://github.com/user-attachments/assets/dc751361-e624-48d0-a355-e49d0510de8d)

## Cart page

![image](https://github.com/user-attachments/assets/5371732b-86d8-40b4-b34d-179e484d0c02)

## Payment page

![image](https://github.com/user-attachments/assets/8ad0f2cb-d5d1-40cc-abe3-6e28baf57bb3)