I will show you how simple it is to create a full stack food delivery app using Firebase, reactjs, tailwind css.

Technologies we are going to discuss are listed and explained bellow.

What is Firebase ?

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

What is React?

React is a free and open source frontend JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single page or mobile applications.

What is firebase cloud functions?

Cloud Functions for Firebase is a serverless framework that lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. Your JavaScript or TypeScript code is stored in Googles cloud and runs in a managed environment.

What is Framer Motion?

Framer Motion is a new open source, production ready motion library for React on the web.

What is Framer used for?

Framer is primarily a design and prototyping tool. It allows you to design interactive prototypes of websites and applications using production components and real data.

Stripe Payment Gateway

It brings together everything that is required to build websites and apps that accept payments and send payouts globally. Stripes products power payments for online and in person retailers, subscription businesses, software platforms and marketplaces, and everything in between.

Stripe Webhooks

A webhook is an HTTP endpoint that receives events from Stripe. Webhooks allow you to be notified about payment events that happen in the real world outside of your payment flow such as: Successful payments ( payment_intent. succeeded ) Disputed payments ( charge.