{"id":21043822,"url":"https://github.com/yoursrijit/namaste-react","last_synced_at":"2025-08-02T20:34:28.016Z","repository":{"id":215786414,"uuid":"739754159","full_name":"yourSrijit/Namaste-React","owner":"yourSrijit","description":"React Zero to Hero","archived":false,"fork":false,"pushed_at":"2024-08-09T17:15:05.000Z","size":13160,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-10T23:57:34.104Z","etag":null,"topics":["api","auth0","css","js","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yourSrijit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"Roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-01-06T12:51:55.000Z","updated_at":"2024-11-26T04:41:11.000Z","dependencies_parsed_at":"2024-02-01T06:24:17.122Z","dependency_job_id":"680492d1-ef6a-486d-b1c1-9f5765afc14c","html_url":"https://github.com/yourSrijit/Namaste-React","commit_stats":null,"previous_names":["yoursrijit/namaste-react-24"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yourSrijit/Namaste-React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yourSrijit%2FNamaste-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yourSrijit%2FNamaste-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yourSrijit%2FNamaste-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yourSrijit%2FNamaste-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yourSrijit","download_url":"https://codeload.github.com/yourSrijit/Namaste-React/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yourSrijit%2FNamaste-React/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268448362,"owners_count":24252019,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","auth0","css","js","react"],"created_at":"2024-11-19T14:14:26.728Z","updated_at":"2025-08-02T20:34:22.996Z","avatar_url":"https://github.com/yourSrijit.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Namaste-React-24\n\n Here is the live website\n- [Food Delivery Website](https://full-stack-biriyani.netlify.app/)\n\n\n\u003ch1\u003eContents of the Repo 🦾✅\u003c/h1\u003e\n\u003chr\u003e\n\u003ch1\u003eEpisode-01 | Inception\u003c/h1\u003e \n\nIntroduction to foundational tools and frameworks in web development.\nTopics Covered:\nVisual code setup,\nHello world in HTML/JS,\nCDN, React Hello World\n\n# Episode-02 | Igniting our App\nDive into essential package managers and module bundlers for React projects.\nTopics Covered:\nnpm, Parcel\nNode modules\nReact app file structure\n\n# Episode-03 | Laying the foundation\nUnderstanding JSX, React components, and their compositions.\nTopics Covered:\nJSX, React components\nClass-based vs Functional components\n\n# Episode-04 | Talk is Cheap, Show Me the Code\nImplementing React's core features, managing state, and working with UI data.\nTopics Covered:\nReact app building\nprops/state\nfunction mapping\n\n# Episode-05 | Let's Get Hooked\nExploring React Hooks and understanding their importance.\nTopics Covered:\nFile structure\nImport/export\nReact Hooks (useState)\n\n# Episode-06 | Exploring the World\nArchitecture insights, useEffect hook, and working with APIs.\nTopics Covered:\nArchitecture, useEffect\nConditional Rendering\nAPI usage\n\n# Episode-6.1 | Swiggy API Issue Resolved\nThis video solves all the issues related to the Swiggy API, which we are using in our project.\nEpisode-6.2 | CORS Plugin Issue solved\nIn this video, all the issues, that the students were facing because of CORS, have been resolved.\n\n# Episode-07 | Finding the Path\nMastering React Router for smooth navigation and routing.\nTopics Covered:\nReact Router\nDynamic Routing\nOutlet Component\n\n# Episode-08 | Let's Get Classy\nLearning Class-based components and their lifecycles.\nTopics Covered:\nClass-based components\nLifecycle methods\n\n# Episode -09 | Optimizing our App\nAdvanced optimization techniques including Custom Hooks.\nTopics Covered:\nCustom Hooks\nOptimization\nSuspense Component\n\n# Episode-10 | Jo Dikhta Hai, Vo Bikta Hai\nIntroduction to Tailwind CSS for responsive UI designs.\nTopics Covered:\nTailwind CSS introduction for Ul design\n\n# Episode-11 | Data is the New Oil\nHandling data flow and DevTools exploration.\nTopics Covered:\nHigher-Order Components\nControlled vs Uncontrolled Components\nDevTools\n\n# Episode-12 | Let's Build Our Store\nImplementing Redux toolkit for state management.\nTopics Covered:\nRedux Toolkit\nReact-Redux\nActions, Reducers\n\n# Episode-13 | Time for Test\nComprehensive testing with Jest and React Testing Library.\nTopics Covered:\nJest, React Testing Library\nUnit Testing principles\n\n# Episode-14 | NetflixGPT - The Beginning\nA new adventure begins as we embark on creating a Netflix clone with GPT-3 integration.\n\n\n\u003chr\u003e\n#With Coding Snippet\n\nThe mission of this series is to take you from Zero to Hero in React. During this journey, you will learn everything by watching videos and then implement it by building projects.\n\n# Inception 01:\n\n- React is a library\n- Inject React \u0026 use it\n- This is the bueuty of library\n- React can only work in navbar,sidebar\n- React can work on what ever you make the root inside work react\n\n- React work in small portion of app\n\n- Write first react hello world program\n- Using react CDN we have create 'hello world' program\n\n- Introduction to fundamental tools and frameworks in web development\n\n- Visual code setup,\n- Hello world in HTML/JS,\n  CDN, React Hello World\n\n      \u003c!DOCTYPE html\u003e\n\n      \u003chtml lang=\"en\"\u003e\n\n      \u003chead\u003e\n        \u003cmeta charset=\"UTF-8\"\u003e\n        \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n        \u003ctitle\u003eInception 01\u003c/title\u003e\n\n      \u003c/head\u003e\n\n      \u003cbody\u003e\n        \u003cdiv id=\"root\"\u003e\n          \u003c!-- Hello World --\u003e\n        \u003c/div\u003e\n\n      \u003c!-- Using JavaScript --\u003e\n      \u003c!-- \u003cscript\u003e\n        let root = document.getElementById('root');\n\n        let heading = document.createElement('h1');\n\n        heading.innerHTML = 'Hello World From JavaScript';\n\n        root.appendChild(heading);\n      \u003c/script\u003e --\u003e\n\n\n      \u003cscript crossorigin src=\"https://unpkg.com/react@18/umd/react.development.js\"\u003e\u003c/script\u003e\n      \u003cscript crossorigin src=\"https://unpkg.com/react-dom@18/umd/react-dom.development.js\"\u003e\u003c/script\u003e\n      \u003cscript\u003e\n        let heading = React.createElement('h1', {}, 'Hello World From React JS');\n\n\n        let root = document.getElementById('root');\n\n        const element = ReactDOM.createRoot(root);\n\n        element.render(heading);\n\n      \u003c/script\u003e\n\n    \u003c/body\u003e\n\n    \u003c/html\u003e\n\n- This is the Shortest Program of React JS (use CDN inside index.html)\n- It takes minimum effort to just put it inside our code\n\n- React will overwrite everything inside root.\n\n- This object is used for passing props (to give parameters).\n\n      ('h1',{name:'lucky','Hello World From React JS'});\n\n      \u003ch1 name=\"lucky\"\u003eHello World From React JS\u003c/h1\u003e\n\n- props are children + attributes that we pass inside element.\n\n- Most Costly operation is when DOM needs to be changed or updating (DOM tree gets changed)\n\n- DOM Tree is getting changed (removing node or adding node) , it is very expensive \u0026 react solves it very effectively\n\n- Using JavaScript we changed DOM (Manipulating DOM using js/react)\n\n- ReactElement (Object)=\u003e HTML (Browser Understands)\n\n- create nested structure like this :\n\n      const parent = React.createElement(\n        \"div\",\n        { className: \"parent\" },\n        React.createElement(\n          \"div\",\n          { className: \"child\" },\n          React.createElement(\n            \"h1\",\n            { name: \"lucky\", className: \"heading\" },\n            \"Hello World From React JS\"\n          )\n        )\n      );\n\n- Use className not class in React\n\n- React is working inside div id root\n\n      \u003ch1\u003eHello Top of Root\u003c/h1\u003e\n      \u003cdiv id=\"root\"\u003e\n        Hello World\n      \u003c/div\u003e\n\n\n      \u003ch2\u003eHello Below Root\u003c/h2\u003e\n\n# Igniting our App 02:\n\n- Dive into essential package managers and module bundlers for React projects.\n\n- npm,parcel\n\n- Node modules\n\n- React app file structure\n\n- We can create our own create-react-app.\n\n  - create-react-app uses webpack \u0026 babel\n\n- we configure npm\n\n      npm init\n\n  - It will create package.json file\n  - It maintains version of app\n\n- Use parcel in our app\n\n      npm i -D parcel\n\n- It will create a production ready code for application\n\n- Understanding about package.json \u0026 package-lock.json deeply\n\n- It will create lot of things that parcel need\n\n- create package-lock.json node_modules files\n\n- for running application in our local server we need to install react \u0026 react-dom for this \u0026 remove CDN links from index.html file\n\n- install react \u0026 react-dom\n\n      npm i react react-dom\n\n  - as the normal dependency we install this not dev dependency\n\n- There are two dependency are there:\n\n  - Normal Dependency:\n    - This is used for production also\n  - Dev Dependency:\n    - This is needed for our development phase\n    - All the packages that my project need i.e a dependency\n    - They are the packages that are required for development \u0026 testing purposes only\n\n- To run the Application in our system\n\n      npx parcel index.html\n\n- It will create a development server \u0026 it is done by the parcel\n\n- parcel keep track of everything:\n\n  - Hot Module Replacement\n  - Bundling\n  - Caching\n  - Minification\n  - Cleaning Our Code\n  - Super fast build algorithm\n  - Image Optimization\n  - Consistent Hashing\n  - Code Splitting\n  - Diagnostic Error Handling (beutiful error messages)\n  - Compatible with older version of browser\n  - Does compression\n  - Differential Bundling\n  - parcel does lot of things for us\n\n- Parcel manages port number\n- Parcel also take care of compatible with older version\n\n  - browser list\n\n         \"browserslist\": [\n           \"last 2 Chrome version\",\n           \"last 2 Firefox version\"\n         ]\n\n  - It means it will definately work on last 2 chrome \u0026 firefox version \u0026 that is the beuty of browserslist\n\n- parcel is a beast , it takes care of lot of things\n\n- for building production build\n\n      npx parcel build index.html\n\n  - for this we remove entry point i.e App.js file in main we give\n  - It conflicts with index.html file that we give at time of building index.html file as an entry point so remove it fro package.json file\n\n- It will generate production build \u0026 it is ready to shipped on server\n\n### Learn Lot of things from this lecure\n\n# Laying the foundation 03:\n\n- Understanding JSX, React componnets, and their compositions\n\n- JSX, React components\n- Class-based vs functional components\n- create npm scripts to start our project\n\n- Inside package.json\n\n      \"scripts\": {\n        \"dev\": \"parcel index.html\",\n        \"build\": \"parcel build index.html\",\n        \"test\": \"jest\"\n      }\n\n- To run our project\n\n      npm run dev\n\n- JSX is not HTMl, It is HTML or XML like syntax\n\n- writing JSX code\n\n      const jsxHeading = \u003ch1 className=\"heading\"\u003eNamaste React via JSX\u003c/h1\u003e;\n\n      const root = ReactDOM.createRoot(document.getElementById(\"root\"));\n\n      // root.render(heading);\n      root.render(jsxHeading);\n\n- JSX (transpiled before it reaches the JS Engine) - PARCEL - Babel\n\n- JSX =\u003e React.createElement =\u003e ReactElement - JS Object =\u003e HTMLElement (render)\n\n- Babel transpile the code JSX to React\n\n- For using attribtes in Elements\n\n- we use camelCase Syntax className, tabIndex,htmlFor...\n\n      const jsxHeading = (\n        \u003ch1 className=\"heading\" tabIndex=\"2\"\u003e\n          Namaste React via JSX\n        \u003c/h1\u003e\n      );\n\n- enclosed each tag\n\n      \u003cbr/\u003e \u003cimg/\u003e\u003chr/\u003e\u003cinput/\u003e \u003c\u003e\u003c/\u003e ()\n\n- Mandotory to use () for multiple lines of code\n\n- React Components\n\n  - Functional components - new way of writing code\n  - Class Based components - old way of writing code\n\n- A Normal JS function which return some jsx code\n\n- Create functional Component\n\n      const JsxHeading = () =\u003e {\n        return (\n          \u003ch1 className=\"heading\" tabIndex=\"2\"\u003e\n            Namaste React via Functional Components\n          \u003c/h1\u003e\n        );\n      };\n\n- Always use pascal namimg convention (HeadingOne) capital component name\n\n- use it like this\n\n      \u003cJsxHeading/\u003e  // call it\n\n- Calling another component from a component is known as component composition\n\n- Use element inside component\n\n      const title = \u003ch1\u003eNamaste REact Element\u003c/h1\u003e;\n\n      {title}\n\n- we can write any peice of JS code using {}\n\n      const Fn = () =\u003e \"true\";\n\n\n\n      const JsxHeading = () =\u003e {\n        return (\n          \u003cdiv\u003e\n            \u003ch1 className=\"heading\" tabIndex=\"2\"\u003e\n              Namaste React via Functional Components \u003cFn /\u003e\n            \u003c/h1\u003e\n            \u003ch4\u003eUse Element :-{title}\u003c/h4\u003e\n\n          \u003c/div\u003e\n        );\n      };\n\n- You can write any JS Expression using {}\n\n      let num = 20;\n\n      {num} {console.log('Hello')} {100+200}\n\n- Create infinite loop by composing components into another\n\n      const num = 45;\n\n      const JsxHeading = () =\u003e {\n        return (\n          \u003cdiv\u003e\n            \u003ch1 className=\"heading\" tabIndex=\"2\"\u003e\n              Namaste React via Functional Components\n            \u003c/h1\u003e\n            \u003cFn /\u003e\n            \u003ch4\u003eUse Element :-{title}\u003c/h4\u003e\n\n          \u003c/div\u003e\n        );\n      };\n      const title = (\n        \u003ch1\u003e\n          Namaste REact Element\n          {num}\n          {/* \u003cJsxHeading /\u003e */}\n        \u003c/h1\u003e\n      );\n\n- JSX Sanitizes the data\n\n- JSX will takes care of the injection attacks\n\n- JSX will escape it\n\n- It prevents cross-side-scripting attack for you\n\n      const data = api.getData();\n\n- JSX blindly not return this it sanitizes the data then return it so that we can you any api (prevents cross-side-scripting) from attackers\n\n- It automatically taken care by React\n\n- we can also call component like this:\n\n        // three ways are same to use component\n\n\n        {Title()}  // call this way is same as\n\n        \u003cTitle/\u003e    // same way\n\n        \u003cTitle\u003e  \u003c/Title\u003e    // same way\n\n# Talk is Cheap, Show Me the Code 04:\n\n- Implementing React's core features, managing state, and working with UI data.\n\n- React app building\n\n- props/state\n\n- function mapping\n\n- Header\n\n  - logo\n  - NavItems\n\n- Body\n\n  - Search Bar Input\n  - RestaurantContainer\n  - RestaurantCard\n\n    - img\n    - star rating\n    - name of res, star rating, cuisines, delivery time\n\n- Use map method to dynamically add data\n\n  - info.name\n\n  - info.locality\n\n  - info.costForTwo\n\n  - info.cuisines\n\n  - info.avgRating\n\n  - info.areaName\n\n  - info.cloudinaryImageId\n\n        //Image URL\n\n        https://media-assets.swiggy.com/swiggy/image/upload/fl_lossy,f_auto,q_auto,w_660/\n\n- Footer\n\n  - Copyright\n  - Links\n  - Address\n  - Contact\n\n- props : props is a short form of properties\n\n  - props is something which you can pass to the component\n  - normal JS function arguments to a function\n  - passing a prop to component\n  - passing an argument to a function\n\n- we can use Real Data (Swiggy Data)\n\n- Config Driver UI:\n\n  - Different location, diff restaurant\n  - real time\n  - website is driven by data\n  - Data layer + UI Layer\n  - All the UI is driven by a config\n  - Our Application needs to dynamic these days\n  - It can work in diff places\n  - UI is powered by data\n  - Both Data \u0026 UI layer together build a frontend application\n\n- Loop over array of list through map method\n\n       {restaurantData?.map((item, index) =\u003e (\n          \u003cRestaurantCard resData={item} key={index} /\u003e\n        ))}\n\n- Always give key when loop through in an array of list\n- React optimizes its lifecycle\n- we need to identify each item (Keys should be unique)\n- It optimizes the performance of an application\n\nProject ShowCase : Food App\n\n\n\n# Let's Get Hooked 05:\n\n- Exploring React Hooks and understanding their importance\n\n- File Structure\n\n- Import/export\n\n- React Hooks (useState)\n\n- Two types of Export/Import\n\n  - Default Export/Import\n\n  - export default Component\n\n        import Component from 'path'\n\n        Named Export/Import\n\n        export const Component\n\n        import {Component} from 'path'\n\n- Handle click\n\n- Event handler\n\n- State Variable\n\n- A Hook is just a normal JS function which is given by react\n\n- It comes with superpowers\n\n- Everytime you want your variables to be in sync with the UI you need to use your state variable\n\n- whenever a state variable updates react re-renders the component\n\n       const [listOfRestaurants, setListOfRestaurants] = useState([]);\n\n      listOfRestaurants = listOfRestaurants.filter((res)=\u003e res.data.avgRating\u003e4)\n\n- useState() hook return two things one is variable \u0026 another is setter function\n\n        const arr = useState([]);\n\n        const list = arr[0];\n\n        const setList = arr[1];\n\n- Every component in REact maintains a state so, you can put some variables on to that state and everytime you have to create a local variable you use state inside React\n\n#### Virtual DOM\n\n- It is concept we keep representation of a DOM with us which is known as virtual DOM\n\n- Reconciliation Algorightm that React uses to diff one tree from another\n\n- React are efficiently finds out the diff between virtual DOM \u0026 update the UI\n\n- React is doing very efficiently DOM Manipulation\n\n- In React 16, new ALgo (React Fiber) new way of finding diff \u0026 updating the UI\n\n- React fiber is a Reconciliation Engine\n\n- React Fiber is a concept of React JS that is used to render a system faster \u0026 smoother\n\n- Reconciliation is a algorithm that React uses to diff one tree with another to determine which parts needs to be changed\n\n- Reconciliation is the process where we have diff algo, which finds out the diff between the trees\n\n- It will re-render only the portion which is required which is found by the diff algo\n\n- The diff algorithm refers to the process of comparing two trees of nodes,such as the virtual DOM trees in React, to determine the differences b/w them\n\n- The diff algo determines the minimum no. of operations required to transform one tree into another\n\nProject ShowCase :\n\n\n\n# Exploring the World 06:\n\n- Architecture insights, useEffect hook, and working with APIs\n\n- Architecture, useEffect\n- Conditional Rendering\n\n- API usage\n\n#### Monolythic \u0026 MicroServices Architecture\n\n- MicroServices:\n\n  - Easier to Change\n  - Easy To Maintain\n\n- Seperation of Concern / Single Responsibility Principle\n\n- small-small functionality combine together forms a big large scale Apllication\n- Each Service has its own Job\n- How those application are connected\n\n  - swiggy.com\n  - :3000 -\u003e /\n  - :4000 -\u003e /dapi\n  - :5000 -\u003e /notification\n\n- Monolythic:\n  - we used to have huge big project\n  - Single Project\n  - Many things written in one single project\n  - Like DB connectivity, SMS Code, API Code,JSP,UI\n  - one project / one repo / 100 people works on\n\n#### How do you call an API\n\n- Using fetch\n- Two ways:\n\n  - Loads -\u003e API -\u003e Render\n  - Loads -\u003e Render -\u003e API -\u003e Render\n\n- As soon as our page loads it will call\n- fetch data dynamically from API \u0026 populate our page\n- When our APP Loads\n- React has one of the best Render mechanism\n- React renders your UI very fast\n\n- useEffect Hook\n\n  - It allows you to perform side effects in your components\n  - Some side-effects are fetching data, directly updating the DOM \u0026 timers\n\n- Syntax:\n\n      useEffect(()=\u003e{\n        fetchData();\n      },[]);\n\n- By pass Cors Error Using Cors Extension Plugin\n- When getting data from one domain to another it occurs\n\n#### Conditional Rendering\n\n      // Conditional Rendering\n\n      // if (listOfRestaurants.length === 0) {\n      //   return \u003cShimmer /\u003e;\n      // }\n\n- Why we need state in react?\n\n  - we need state variable in react because when ever state variable changes/updated then UI will be Re-render \u0026 this is not the case with normal JS variables\n\n        const [btnName,setBtnName] = useState('Login');\n\n        \u003cbutton onClick={()=\u003esetBtnName('Logout')}\u003e{btnName}\u003c/button\u003e\n\n- Toggle Login/Logout functionality\n\n        const handleClick = () =\u003e {\n          if (btnName === \"Login\") {\n            setBtnName(\"Logout\");\n          } else {\n            setBtnName(\"Login\");\n          }\n        };\n\n- Create Search Functionality\n\n  - Track input value for this we have to bind value\n  - And for every change on input value we have to set that value using onChange()\n\n        onChange={(e)=\u003esetSearchText(e.target.value)}\n\n- Filter Data according to search Text\n\n  - for this we have create another filteredRestaurant state variable and write logic for it\n  - onClick function we have to call filterData function\n\n        filterData(searchText,listOfRestaurant);\n\n          useEffect(() =\u003e {\n            filterData(searchText, listOfRestaurants);\n            console.log(filteredRestaurant);\n          }, [searchText]);\n\n          const filterData = (searchText, listOfRestaurants) =\u003e {\n            const filterData = listOfRestaurants?.filter((restaurant) =\u003e\n              restaurant?.info?.name.toLowerCase().includes(searchText.toLowerCase())\n            );\n\n            // return filterData;\n\n            setFilteredRestaurant(filterData);\n\n            return filterData;\n          };\n\n- on Button Click we have to call this function\n\n        onClick={() =\u003e {\n              const data = filterData(searchText, listOfRestaurants);\n              setFilteredRestaurant(data);\n            }}\n\n- When Ever state variables update, react triggers a reconciliation cycle (re-renders the component)\n\n- React is finding the difference b/w older virtual DOM \u0026 newer Virtual DOM. React has faster render cycle\n\n- DOM Manipulation operation is very expensive \u0026 react is very efficient in Doing this..\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyoursrijit%2Fnamaste-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyoursrijit%2Fnamaste-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyoursrijit%2Fnamaste-react/lists"}