FullStack Food Delivery App-Stripe Payment & Admin Dashboard
Building real time project using React Redux, Firebase, Strip Payment Gateway , Order Tracking, Custom api endpoints
What you will learn
How to create modern UI using React Js
Learn how to integrate Stripe Payment Gateway
How to create Custom API Endpoints using Nodejs Express along with Firebase Cloud Functions
Learn how to use Framer Motion Animations in your websites
Learn how build a modern UI and deploy it into firebase freely
Learn how to build material UI using Tailwind CSS & Material UI
Description
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 front-end 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 Google's 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's required to build websites and apps that accept payments and send payouts globally. Stripe's products power payments for online and in-person retailers, subscriptions 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.