EatifyPos:

Introducing EatifyPos - the ultimate online ordering platform for both diners and business owners. Our platform makes browsing menus, placing orders, and securely paying for your favorite meals hassle-free, whether you're dining in or ordering takeout.

For business owners, EatifyPos streamlines your ordering, payment, and kitchen processes, ensuring smoother operations. Our platform is responsive on PC and compatible with 95% of mobile devices. With real-time messaging and email confirmation systems, you can stay updated on any issues and faults, and even customize the app's administrative page with your logo, title, and food items.

We also offer the flexibility of in-person payment, allowing you to design and assign seats for your dine-in customers, charge them in person using our Stripe terminal, and remotely control the cash drawer with just one click. Online payments rates are 2.9% + 30¢ per successful card charge, and in-person payments by stripe terminal, it's 2.7% plus 5 cents per transaction.

As for diners, our platform offers a hassle-free experience for ordering food for delivery or takeout, with secure payment options powered by Stripe. Merchants receive digital and physical receipts, and you can track your order status in real-time. Saving your preferred orders makes reordering simpler.

Get started today by accessing our demo at https://eatify-22231.web.app/. We're continually improving and optimizing our platform to ensure commercial viability, so stay tuned for updates.

Remote control cash draw functionality: by 02/24

Remote control thermal printer functionality: by 02/24

Pre-test version demo: by early January.

Technical details && install instruction

The frontend of EatifyPos is developed using React.js, while the backend is built on Node.js. Firebase is utilized for authentication, database management, hosting, and cloud functions. Online payments are handled by Stripe, and thermal printers are utilized to generate receipts.

• Clone this repo: git clone https://github.com/yiqun12/eatifyPos.git.
• Open this sample's directory: cd eatifyPos
• Install dependencies in the functions directory npm install
• run this project locally and see the demo: npm start

If you're interested in adding personalized features to my app, and wish to deploy and purchase it for your store or restaurant, please get in touch with me at yix223@lehigh.edu.

Contribution

We welcome any contributions to the project. If you would like to contribute, please email me at yix223@lehigh.edu.

Table of contents

App_Overview

• Home_Page
• Admin_Page
• Checkout_Page
• Translate_features
• Account_Page
• Authentication_Page
• SignIn_Page
• Reservation_Page

Home_Page

This page displays all the available products on the Home Page.

This indicates how to display all the items on the shopping cart.

This indicates how to see all the available burgers on the Home Page.

Admin_Page

The following showcases all the available features on the Admin Page. Food item modification:

Revenue chart in 31 days basis:

Assign table by in person order

Order history

Other setting

Translate_features:

This page displays the translation features in my website

Income_management:

This page displays the income managment page from stripe: Online: 2.9% + 30¢ per successful card charge In person by terminal: 2.7% plus 5 cents per transaction

Checkout_Page

Once a user has saved a card in our system, they can simply click on the checkout button to make a payment.

This image displays how to add new credit card in the Checkout Page.

The image demonstrate the promp after a new online card is placed.

When a payment is completed, the receipt page will appear.

This image displays the email receipt sent to the customer after checkout.

This image depicts the email receipt for the administrator.

If a user tries to checkout with an empty shopping cart or with no credit card information, a prompt will appear indicating that the checkout has failed.

This image portrays the email notification for fault detection sent to the customer.

This image portrays the email notification for fault detection sent to the administrator.

This image demonstrates the steps to delete a payment method.

This image displays the email notification sent to the administrator confirming that a credit card has been deleted.

This is the receipt from the thermal printer:

Account_Page

These two page exhibits the user's account information, comprising both their profile and billing details.

This image illustrates the payment details stored in the transaction history.

Authentication_Page

This page displays the Authentication Page on the website.

Google Signin

Reset password

Email for resetting password

Reservation_Page

This page displays how to access our Reservation Page.