How ejazulhaque13/full_stack_oct_2023 works
This repository is a collection of JavaScript and React lessons, exercises, and small browser-app projects rather than one integrated product. A learner moves from language and asynchronous-programming examples to DOM/browser APIs and interactive mini-projects, with separate React demonstrations and an e-commerce app. The graph highlights representative runtime examples and the sampled e-commerce routing/fetch flow. There is no README, and most lesson and project source was not sampled, so uncertain wiring between examples is omitted.
Main entry points: AppRoutes.jsx App Routes · App.jsx Context Demo · useFetchData.js Fetch Hook · Lec-11_callback_hell_problem_Intro_to_Promises_Consuming_promises Promises Lessons
Components 21
JavaScript Lessons
- Promises Lessons
JavaScript/Lec-11_callback_hell_problem_Intro_to_Promises_Consuming_promises - Language Lessons
JavaScript/Lec-1_JS_Refresher_&_Execution_Context
Browser Projects
- DOM Lessons
FE-Machine-Coding/Lec-1_Browser_Env_DOM_API_CURD_in_DOM - Kanban Board
FE-Machine-Coding/kanban-board-project/js/script.js - Drag Drop API
FE-Machine-Coding/kanban-board-project/js/Drag_&_Drop_API.js - Client Storage
FE-Machine-Coding/kanban-board-project/js/Client_Storage_API.js - Typeahead Demo
FE-Machine-Coding/Lec-6_Typeahead_System_Intersection_Observer_Debouncing_&_Throttling]/mini_project/typeaheadSystem/js/script.js - Food Subscription
FE-Machine-Coding/Lec-7_Lazy_Loading_Kanbanboard_Project/Food_Subscription_Project/js/script.js - Countdown Timer
FE-Machine-Coding/Lec-3_Mini_Projects/mini-project/countDownTimer/js/script.js
React Examples
- React Lessons
React/Lec-2_CRA_Via_Vite_States_&_Props/todo-app/src/App.jsx - Hooks Demo
React/Lec-3_useEffect_&_Machine_Coding/todo_useEffect_useRef/src/App.jsx - Context Demo
React/Lec-6_context_API_and_its_usecase/context_api/src/App.jsx - Counter Provider
React/Lec-6_context_API_and_its_usecase/context_api/src/context/CounterProvider.jsx - Redux Demo
React/Lec-7_Redux_&_its_usecases/redux_concepts_with_example/src/App.jsx
E-commerce App
- App Routes
React/E-commerce-Project/ecomm-app/src/routes/AppRoutes.jsx - Fetch Hook
React/E-commerce-Project/ecomm-app/src/hooks/useFetchData.js - Header
React/E-commerce-Project/ecomm-app/src/components/header/Header.jsx - Product Listing
React/E-commerce-Project/ecomm-app/src/pages/productListing/ProductListing.jsx - Cart Page
React/E-commerce-Project/ecomm-app/src/pages/cartItems/CartItems.jsx
Other components
- Learner
- Fake Store API
Connections 18
- Learner → Language Lessons: studies
- Learner → Promises Lessons: studies
- Learner → DOM Lessons: studies
- Learner → Kanban Board: uses
- Learner → Typeahead Demo: uses
- Learner → Food Subscription: uses
- Learner → Countdown Timer: uses
- Learner → React Lessons: studies
- Learner → Hooks Demo: uses
- Learner → Context Demo: uses
- Learner → Redux Demo: uses
- Learner → App Routes: uses
- Context Demo → Counter Provider: renders
- App Routes → Fetch Hook: calls
- App Routes → Header: renders
- App Routes → Product Listing: routes to
- App Routes → Cart Page: routes to
- Fetch Hook → Fake Store API: requests