notes.md

Food Ordering App: Header -Logo

• Nav Items Body -Search
• RestaurantContainer - RestaurantCard - Image - Name of Restaurant - Star rating - Cuisine - Delivery Time Footer -Copyright -Links -Address -Contact

https://www.swiggy.com/dapi/restaurants/list/v5?lat=30.73390&lng=76.78890&is-seo-homepage-enabled=true&page_type=DESKTOP_WEB_LISTING

https://www.swiggy.com/dapi/restaurants/list/v5?lat=30.73390&lng=76.78890&is-seo-homepage-enabled=true&page_type=DESKTOP_WEB_LISTING

https://careers.cdac.in/post-details/W5HUC1

//cors error Access to fetch at 'https://www.swiggy.com/dapi/restaurants/list/v5?lat=30.73390&lng=76.78890&is-seo-homepage-enabled=true&page_type=DESKTOP_WEB_LISTING' from origin 'http://localhost:1234' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

cors proxy i use: https://corsproxy.org/

restaurant menu api: https://www.swiggy.com/dapi/menu/pl?page-type=REGULAR_MENU&complete-menu=true&lat=30.7333148&lng=76.7794179&restaurantId=41350&catalog_qa=undefined&submitAction=ENTER

//chandigarh api restaurant: //https://www.swiggy.com/dapi/restaurants/list/v5?lat=28.7108654&lng=77.20314929999999&is-seo-homepage-enabled=true&page_type=DESKTOP_WEB_LISTING

React

React Element

JSX

Transpile by Babel.js

Parcel / Bundler

React DOM

Functional Components

Class Based Components

UI Mock

React Props

Config Driven UI

Swiggy API

Optional Chaining

React Hooks

React Conciliation Algorithm

Virtual DOM

Monolith vs Microservices

CORS

Shimmer UI

Map, Filter, Reduce

React-Router-Dom

Children Routing

useRouterError

SPA (Single Page Application)

useParams

React Life Cycle Methods

Custom Hooks

Lazing Loading / Dynamic Bundling

TailwindCSS

Higher Order Components

Uncontrolled / Controlled Component

Lifting Up the State

Props Drilling

React Context

Redux Toolkit

React-Redux Library