{"id":22812929,"url":"https://github.com/nishantcoder108/foodorderingapp","last_synced_at":"2026-04-11T08:04:45.027Z","repository":{"id":193057947,"uuid":"688008477","full_name":"NishantCoder108/FoodOrderingApp","owner":"NishantCoder108","description":"Welcome to the FoodOrderingApp repository, your one-stop destination for learning and mastering React.js, the leading library for building dynamic and interactive web applications.","archived":false,"fork":false,"pushed_at":"2023-09-21T09:24:00.000Z","size":2085,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-06T01:46:25.186Z","etag":null,"topics":["babel","html5","javascript","react","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NishantCoder108.png","metadata":{"files":{"readme":"ReadME.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-09-06T13:11:15.000Z","updated_at":"2024-02-20T08:40:31.000Z","dependencies_parsed_at":"2024-04-20T13:02:05.383Z","dependency_job_id":"c413eed6-cfde-4bf2-8d07-fb4401ab3774","html_url":"https://github.com/NishantCoder108/FoodOrderingApp","commit_stats":null,"previous_names":["nishantcoder108/namastereact","nishantcoder108/foodorderingapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2FFoodOrderingApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2FFoodOrderingApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2FFoodOrderingApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2FFoodOrderingApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NishantCoder108","download_url":"https://codeload.github.com/NishantCoder108/FoodOrderingApp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246385410,"owners_count":20768668,"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","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":["babel","html5","javascript","react","reactjs"],"created_at":"2024-12-12T12:14:22.430Z","updated_at":"2026-04-11T08:04:44.998Z","avatar_url":"https://github.com/NishantCoder108.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"readme-top\"\u003e\u003c/a\u003e\n\n## Web Page Look Like :\n\n\u003cimg src= \"image/first.png\"\u003e\n\n\u003cimg src= \"image/second.png\"\u003e\n\n# You Must To Know :\n\n### Redux Toolkit :\n\n- For Creating Store\n  - `step1 : Install Redux toolkit and react-redux\n`\n  - `step2 : Buid store ,with help of Redux toolkit`\n  - `step3 : Connect store with app by react-redux`\n  - `step4 : Make slice`\n  - `step4 : Subscribing to the store, we use \"useSelector\"`\n  - `step4 : dispatch to the store, \"useDispatch\"`\n\n### Basic Context in Details\n\n\u003cdetails\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-cdn\"\u003eWhat is CDN ?\u003c/a\u003e\n    \u003c/li\u003e \n    \u003cli\u003e\n      \u003ca href=\"#what-is-crossorigin\"\u003eWhat is crossorigin ?\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-npm\"\u003eWhat is NPM?\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-parcel-or-webpack-and-why-do-we-need-it\"\u003eWhat is Parcel or Webpack and Why do we need it ?\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-parcel-cache\"\u003e What is .parcel-cache ?\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-npx\"\u003eWhat is NPX ?\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-difference-between-dependencies-vs-devDependencies\"\u003eWhat is difference between dependencies vs devDependencies ?\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#what-is-tree-shaking\"\u003eWhat is Tree Shaking ?\u003c/a\u003e\n    \u003c/li\u003e\n\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n  \u003cpre\u003e\n\nGetting Started : To New Journey in ...\n\n  \u003c/pre\u003e\n\n## What is CDN ?\n\nCDN is Content Delivery Network in which `CDN spreads copies of content across multiple servers worldwide.when someone requests content ,the CDN delivers the content to them from the closest server.` so from which, it reduce load time ,more fast and smooth online experience.\n\n## What is crossorigin ?\n\nCORS it stands for Cross Origin Resource Sharing. `it is like as a set of rules of web browsers. it is a way to decide who is allowed to use resources like images  or data  on a website`. if website wants to share its stuff with another website on a different PORT or Location , CORS checks it is okay. if it's not allowed, the browser blocks it to keep things secure. so, CORS help control what different website can do with each other's stuff.\n\n## What is NPM ?\n\n`NPM is a package manager for the JavaScript programming language. NPM helps developers find, install, and manage libraries and packages (pieces of pre-written code) that can be used in their projects`. These packages can do various things, from adding fancy features to a website to helping with server-side tasks. NPM is a big part of the JavaScript ecosystem, making it easier for developers to share and use code, saving them lots of time and effort.\n\n## What is Parcel or Webpack and Why do we need it ?\n\nParcel is a web application bundler. `In simpler terms, it's a tool that is used for package and bundle their web applications, including HTML, CSS, JavaScript, and other assets, so that they can be efficiently served to users' web browsers.`\nWebpack is a powerful and highly configurable bundler suitable for complex projects where fine-tuned control over the build process is essential,its have well-established and large community. Parcel, on the other hand, excels in simplicity and ease of use, making it an excellent choice for quick setups and smaller to medium-sized projects, especially for developers who prefer a more automated and \"zero-config\" approach.\n`For more : parceljs.org`\n\n## What is .parcel-cache ?\n\nThe .parcel-cache directory is created by Parcel to `store cached data such as compiled JavaScript and CSS files, processed images, and other build-related artifacts.` This cache allows Parcel to quickly rebuild your project when you make changes without having to redo all the previous work, resulting in faster development builds.\n\n## What is NPX ?\n\nNPX is a command line tool that allows to run Node.js packages without installing it globally.\n\n## What is difference between dependencies vs devDependencies ?\n\ndependencies are essential things for project's functionality, while devDependencies are tools and resources used during development to help build and test the project.`dependencies is used for developement production time but devDependencies is used for only production time.`\n\n## What is Tree Shaking ?\n\n`Tree shaking is a technique that removes unused code from JavaScript modules. It is a form of dead code elimination that is performed during the build process.`\nTree shaking can significantly reduce the size of a JavaScript bundle, which can improve the performance of the application.\nTo use tree shaking, we need to use a JavaScript bundler that supports it, such as Webpack or Rollup or parcel.\n\n\u003c!-- 2. Babel `es6 management`\n3. Parcel `it just compress`\n   -parceljs.org\n\n   - dev build\n   - local server\n   - HMR = Hot Module Replacement\n   - File Watching Algorithm - written in c++\n   - Caching - Faster Build\n\n4. Bundler `Bundling`\n5. Caret ^ `minor changes update`\n6. Tildh ~ `major changes`\n7. package.lock.json `lock the package.json file`\n8. dev dependency `dev depend`\n9. Module\n\n`\n\nnpx parcel build index.html --prod\nnpx parcel index.html --dev\n\nbrowserlist ==supprot specific\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishantcoder108%2Ffoodorderingapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnishantcoder108%2Ffoodorderingapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishantcoder108%2Ffoodorderingapp/lists"}