Uber Eats Clone Landing Page for Customer App (React and Tailwind) #tailwindcss  #react
Channel: Code with tkssharma
Date: 2023-03-09

Hi Everyone, 
This Video is a part of the Playlist "Uber Eats Clone" Application  and we are covering everything from ground zero to hero 
Link  https://www.youtube.com/watch?v=8-L8C5DxIiA&list=PLT5Jhb7lgSBMF7JqIV6OZZ9LYPGhqZjfS

This Video is all about building a simple landing page in react and tailwind 

- create-react app with typescript
- tailwind utilities
- craco config for build and start app 
- postcss and auto prefixer 

00:00 looking at the design we will build 
01:00 looking into files tailwind config and craco config
02:54 adding tailwind utilities in styles 
05:00 creating routes using react-router-dom
06:00 building single page app using react-router 
08:00 adding placeholders for all routes 
09:18 adding header component and designing it
12:40 adding styles for a component 
15:20 creating landing page main banner 
20:00 adding landing page menu items Grid
25:00 adding signing and signup pages with UI 
29:00 final demo of UI layouts 


Get started with Tailwind CSS
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.


GitHub Link 
https://github.com/tkssharma/uber-eats-clone-app Welcome to Uber eats clone App development 
Let's build Uber Eats Clone App 
we are going to build everything from ground zero using the latest technology and tools
We will build the most common features for any food delivery app 

How UberEats Clone Script Works?

Find all food stores available at customer location.
Browse various menus and find a meal customer likes.
Pay money for your meal. Quick, Secure and Simple.
Food prepared and delivered to predefined address.

Tools and technologies we are going to user 

- Architecture discussion 
- different type of architecture 
- lerna for monorepo
- github action for CI/CD
- sveltekit for dashboard app
- next js for end user application 
- svelte kit for managing SSR using SvelteKit
- React and next js 
- Nests with Node JS 
- SQS and Kafka 
- Twillio and sendGrid 
- Microservices and service communication 
- Express with Node JS and typescript 
- Prisma and TypeORM for services 
- Docker and containerization 
- Mysql and Postgres with MongoDB 

Github :
https://github.com/tkssharma/uber-eats-clone-app

🐦 Twitter: https://twitter.com/tkssharma
🐦 Github: https://github.com/tkssharma
🐦 Website: https://tkssharma.com
🐦 Blogs: https://blog.tkssharma.com

I’m Tarun, I am Publisher, Trainer Developer, working on Enterprise and open source Technologies JavaScript frameworks (React Angular, sveltekit, nextjs), I work with client-side and server-side javascript programming which includes node js or any other frameworks Currently working with JavaScript framework React & Node js 🚀 with Graphql 🎉 developer publications.

I am a passionate Javascript developer writing end-to-end applications using javascript using React, Angular 🅰️, and Vue JS with Node JS, I publish video tutorials and write about everything I know. I aim to create a beautiful corner of the web free of ads, sponsored posts,