How renu-123-pixel/leetcode-patterns works
Leetcode Patterns is a web study guide for preparing for software-engineering interviews. Users browse a pattern-organized question list, filter questions, track completion, and see pattern-frequency summaries; separate tabs provide problem-solving tips and acknowledgements. The React entry point assembles navigation and tab content, while question metadata is loaded from a bundled JSON dataset. A scheduled Python updater fetches metadata from LeetCode and writes it back to that dataset. The graph reflects documented capabilities; some table internals and their exact wiring are only partially sampled.
Main entry points: Tracking/index.js Tracking module · Tabs/index.js Content tabs · Table/index.js Question table · App.js App shell
Components 17
Web application
- React entry
src/index.js - App shell
src/components/App.js - Navigation
src/components/Navigation/index.js - Dark mode
src/components/Dark-Mode/index.js - Content tabs
src/components/Tabs/index.js
Study experience
- Question table
src/components/Table/index.js - Pattern frequencies
src/components/PatternFrequencies/index.js - Problem-solving tips
src/components/Tips/index.js - Acknowledgements
src/components/Acknowledgements/index.js
Question data
- Question data loader
src/data/index.js - Question dataset
src/data/questions.json - Metadata updater
cron/update_questions.py - Browser local storage
External services
- Tracking module
src/components/Shared/Tracking/index.js - LeetCode API
- Analytics service
Other components
- Learner
Connections 21
- Learner → React entry: opens app
- React entry → App shell: renders
- App shell → Navigation: renders
- App shell → Content tabs: renders
- Navigation → Dark mode: renders
- Content tabs → Question table: renders
- Content tabs → Problem-solving tips: renders
- Content tabs → Acknowledgements: renders
- Question table → Question data loader: uses questions
- Question data loader → Question dataset: loads and sorts
- Question table → Pattern frequencies: passes filtered rows
- Question table → Browser local storage: reads and writes progress
- Dark mode → Browser local storage: reads and writes mode
- Metadata updater → LeetCode API: fetches metadata
- Metadata updater → Question dataset: reads and updates
- App shell → Tracking module: initializes tracking
- Content tabs → Tracking module: reports tab events
- Navigation → Tracking module: reports link events
- Question table → Tracking module: reports table events
- Acknowledgements → Tracking module: reports link events
- Tracking module → Analytics service: sends events