Skip to content

FreshFeasts/FreshFeasts

Repository files navigation

FreshFeast App

FreshFeast is a full-stack React-Native-powered mobile app built with six essential features of a competitive mobile food delivery service app.

Building The FreshFeast App

The following libraries and frameworks are installed to build the fully functioning and stylistic mobile app:

Language/Library

Javascript React React Native TailwindCSS

Environment

Axios NodeJS Express MongoDB Firebase

Bundler Pack

Babel Webpack

Navigating Screens

Through the app, users are able to access and use the following features:

  • Login/Register
  • Profile
  • Main Menu
  • Calendar
  • Chat
  • Checkout Cart

Login/Register Screen Demo:

Login Register

The Login and Register feature ensures users will have their own FreshFeasts experience from the creation of the account. The app asks the user for basic personal information, diet preferences, and allergens. Upon logging in, curated meals will be personalized for each user's choice.

Profile Screen Demo:

Profile

The Profile feature allows users to change the personal information they input during the sign-in process, including their name, email, and delivery address. In addition, there is a toggle button for dark mode and an order history page.

Main Menu Screen Demo:

Main Menu

The Main Menu feature ensures users can view and pick all of the available meals. On top, there is an auto-rotating carousel of the chef's recommendations. Below, there is a full list of the meals with sorting and filtering options. Users clicking on items in the carousel or list will open a details modal that shows the description, ingredients, nutritional information, reviews, and allows users to add items to the cart.

Calendar Screen Demo:

Calendar

The Calendar feature ensures users can view and manage their order delivery date. Upon clicking on a delivery date, a modal will open, allowing users to see specific order information and a dropdown menu where users can change delivery dates.

Chat Screen Demo:

Chat

The Chat feature is a live chat with a nutritionist, ensuring users can communicate any questions and/or concerns about diet plans.

Checkout Cart Screen Demo:

Checkout Cart

The Checkout Cart feature ensures users can see the current cart of picked meals. Each meal item listed will have a dynamic incrementer, allowing users to increase the quantity of the meal. At the click of the submit button, the cart will be saved in order history and redirected to the delivery calendar schedule.

Introducing the FreshFeast Team

Software Developers

About

FreshFeast is a full-stack React-Native-powered mobile app built with six essential features of a competitive mobile food delivery service app.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published