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 is 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,