Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ilyanosovsky/food-ordering-platform
OrderEats! Enterprise-Level Food Ordering Platform: React Node.js TS MongoDB Auth Stripe & More
https://github.com/ilyanosovsky/food-ordering-platform
auth0 claudinary mongodb node react react-query render shadcn-ui stripe tailwindcss typescript vite
Last synced: about 2 months ago
JSON representation
OrderEats! Enterprise-Level Food Ordering Platform: React Node.js TS MongoDB Auth Stripe & More
- Host: GitHub
- URL: https://github.com/ilyanosovsky/food-ordering-platform
- Owner: ilyanosovsky
- Created: 2024-05-27T18:51:34.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-30T16:39:50.000Z (7 months ago)
- Last Synced: 2024-10-16T19:15:10.743Z (4 months ago)
- Topics: auth0, claudinary, mongodb, node, react, react-query, render, shadcn-ui, stripe, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://order-eats-app.onrender.com/
- Size: 44.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OrderEats
OrderEats is a comprehensive food ordering platform that provides users with a seamless and enjoyable experience. The app includes features like user authentication, restaurant management, cart operations, real-time order tracking, and more. We leverage modern technologies and frameworks to deliver a robust and scalable solution.
## **Technologies Used**
- **MongoDB**: NoSQL database for scalable data storage.
- **ReactJS**: Frontend library for building dynamic user interfaces.
- **Vite**: Next-generation frontend tooling.
- **Auth0**: Adaptable authentication and authorization platform.
- **Stripe**: Fully integrated suite of financial and payments products.
- **Cloudinary**: Cloud storage for image management.
- **Render**: Modern cloud to deploy your web applications.
- **TailwindCSS**: Utility-first CSS framework for rapid UI styling.
- **Shadcn/UI**: Comprehensive collection of customizable UI components.## **Features**
- **User Authentication/Registration/Profiles**: Secure user login, registration, and profile management.
- **Search/Sort/Filter/Pagination**: Advanced search functionalities with sorting, filtering, and pagination options.
- **Restaurant Management & Image Upload**: Tools for restaurant owners to manage their menus and upload images effortlessly.
- **Cart Management & Stripe Checkout**: Smooth cart operations with integrated Stripe checkout for seamless payment processing.
- **Live Order Status**: Real-time order tracking and status updates.
- **Mobile Responsiveness**: Fully responsive design for optimal experience on all devices.
- **Localization (i18n)**: Multi-language support to cater to a global audience.
- **Light/Dark Mode**: User preference for light and dark themes.## **UI Components**
We use **Shadcn/UI** for a consistent and customizable UI component library, ensuring a sleek and modern user interface.
## **Deployment**
OrderEats is deployed on **Render**, providing a reliable and scalable platform for our web applications.
## **Image Management**
We leverage **Cloudinary** for efficient image storage and management, ensuring high performance and accessibility.
## **Payments**
**Stripe** is integrated to handle all payment processes securely and efficiently, offering a wide range of financial products and solutions.
## **Authentication**
**Auth0** is used for managing user authentication and authorization, providing a secure and adaptable platform.
## **Screenshots**
### Landing Page
Light Mode
Dark Mode
### Features
![Restaurant Management](assets/search.png)
*Restaurant Management & Image Upload*![Cart Management](assets/cart.png)
*Cart Management & Stripe Checkout*![Live Order Status](assets/status.png)
*Live Order Status*
Light / Dark Mode
Localization
---
We are committed to providing an exceptional food ordering experience through innovative technology and user-centric design. Join us and transform the way you order food with OrderEats.
## **Getting Started**
### Prerequisites
- Node.js
- MongoDB### Installation
1. Clone the repository:
```bash
git clone https://github.com/ilyanosovsky/food-ordering-platform.git
```
2. Navigate to the server folder and install dependencies:
```bash
cd food-ordering-platform/server
npm install
```
3. Create a `.env` file in the `server` folder using the `.env.example` file as a template:
```bash
cp .env.example .env
```
4. Navigate to the client folder and install dependencies:
```bash
cd ../client
npm install
```
5. Create a `.env` file in the `client` folder using the `.env.example` file as a template:
```bash
cp .env.example .env
```### Running the App
1. Start the backend server:
```bash
cd ../server
npm run dev
```
2. Start the frontend development server:
```bash
cd ../client
npm run dev
```
3. Open your browser and navigate to `http://localhost:5173`.---