Your one-stop destination for mastering frontend development concepts, patterns, and interview questions.
This repository contains a curated collection of resources for frontend developers, covering topics from Data Structures & Algorithms to System Design and Machine Coding challenges.
For the best reading experience, we highly recommend visiting our Live Website.
Note: To open links in a new tab, hold the Ctrl key (or Cmd on Mac) while clicking the link.
└── 📄 streaming_llm_responses.md
├── 📄 2_month_dsa_plan_working_professionals.md ├── 📄 30_day_dsa_guide_senior_frontend.md ├── 📄 bfs.md ├── 📄 dfs.md ├── 📄 lru_lfu_cache.md ├── 📊 merge_two_sorted_arrays.md ├── 📄 prefix_sum.md ├── 📄 sliding_window.md └── 📄 two_pointer_technique.md
├── 📁 design-patterns │ ├── 📄 facade.md │ ├── 📄 factory.md │ ├── 📄 general.md │ ├── 📄 how_to_know_which_to_use.md │ ├── 📄 module.md │ ├── 📄 mvc.md │ ├── 📄 observer.md │ └── 📄 singelton.md ├── 📄 browser_rendering.md ├── 📄 critical_rendering_path.md ├── 📄 frontend_interview_15_years_experience.md ├── 📄 one_month_interview_prep_2_hours_daily.md ├── 📄 one_month_staff_level_interview_prep_2_hours_daily.md └── 📄 web_rendering_strategies.md
├── 💡 general-concepts │ ├── 📄 abort_controller.md │ ├── 📄 closures.md │ ├── 📄 es6_modules.md │ ├── 🔔 event_loop.md │ ├── 📄 function_vs_arrow_function.md │ ├── 📄 garbage_collection.md │ ├── 📄 js_constructor.md │ ├── 📄 mutation_observer.md │ ├── 📄 of_in.md │ ├── 🔄 prototype.md │ ├── 📄 proxy.md │ ├── 📄 scope.md │ ├── 📄 script_loading_async_defer.md │ ├── 📄 spread.md │ └── 📄 this_keyword.md ├── 🧩 polyfills │ ├── 📊 arrays │ │ ├── 📄 at.md │ │ ├── 📄 every.md │ │ ├── 📄 fill.md │ │ ├── 📄 filter.md │ │ ├── 📄 find.md │ │ ├── 📄 findIndex.md │ │ ├── 📄 findLast.md │ │ ├── 📄 findLastIndex.md │ │ ├── 📄 flat.md │ │ ├── 📄 includes.md │ │ ├── 📄 indexOf.md │ │ ├── 📊 isArray.md │ │ ├── 📄 map.md │ │ ├── 📄 pop.md │ │ ├── 📄 push.md │ │ ├── 📄 reduce.md │ │ ├── 📄 reverse.md │ │ ├── 📄 shift.md │ │ ├── 📄 some.md │ │ ├── 📄 sort.md │ │ └── 📄 unshift.md │ └── 📝 general │ │ ├── 🔗 apply.md │ │ ├── 🔗 bind.md │ │ └── 🔗 call.md ├── ⏳ promises │ ├── 📄 all_settled.md │ ├── 📄 all.md │ ├── 📄 any.md │ ├── 📄 cancelable.md │ ├── ⏳ custom_promise_class.md │ ├── 📄 race.md │ ├── 📄 retry.md │ └── 📄 sequential.md └── 🧰 utils │ ├── 📄 chained_sum.md │ ├── ⏱️ debounce.md │ ├── 🧬 deep_clone.md │ ├── 📄 distinct_until_changed.md │ ├── 📄 document_comparison.md │ ├── 🔔 event_emitter.md │ ├── 📄 flatten_object.md │ ├── 📄 js-camel-to-snake-case.md │ ├── 📄 map_limit.md │ ├── 📊 observable_array_push_event.md │ ├── 📄 remove_cycle_from_object.md │ ├── 📄 sampler.md │ ├── ⏱️ throttle.md │ └── 📄 undefined_to_null.md
├── 📄 analytics_sdk.md ├── 🔍 breadcrumb.md ├── 🧮 chained_calculator.md ├── 📄 cursor_tracking.md ├── 📄 pagination_with_ellipsis.md └── 📈 progress_bar.md
├── 📄 api_integration_caching.md ├── 📄 dynamic_ecommerce_ui.md ├── 📄 google_docs.md ├── 📄 google-maps.md ├── 📄 grafana_like_analytics_dashboard.md ├── 📄 interview_preparation_guide.md ├── 📄 netflix_design_system.md ├── 📄 ride_hailing_app.md ├── 📄 scalable_design_system_2026.md └── 📄 url_shortener.md