feat(database): Add Database & DBMS interactive learning module#38
Merged
mnaimfaizy merged 1 commit intomainfrom Apr 10, 2026
Merged
feat(database): Add Database & DBMS interactive learning module#38mnaimfaizy merged 1 commit intomainfrom
mnaimfaizy merged 1 commit intomainfrom
Conversation
Add a complete Database & DBMS interactive learning module with 11 sections and 9 interactive 2D visualizations. Sections: - Introduction — module overview and learning roadmap - Database Models — relational, hierarchical, network, object models - DBMS Architecture — layered engine internals with process/memory models - Query Processor — parser, optimizer, join algorithms, cardinality estimation - Storage Engine — page format, buffer manager, MVCC, ARIES recovery - SQL Fundamentals — DDL, DML, DQL, joins, subqueries, window functions - Indexing & Optimization — B-Tree, hash, GiST/GIN, EXPLAIN plans - Transactions & ACID — isolation levels, 2PL, deadlock detection - Oracle vs PostgreSQL — deep architecture comparison (memory, processes, optimizer, indexing, security, scalability, 15-row feature matrix) - SQL vs NoSQL vs Vector — comprehensive paradigm comparison (4 NoSQL families, CAP theorem, vector DB architecture with HNSW/IVF/PQ/LSH, RAG pipeline, decision framework) - Visualization hub — 9 interactive explorable visualizations Visualizations: - DatabaseTaxonomy2D — interactive database classification tree - QueryProcessor2D — animated query lifecycle pipeline - BTreeIndex2D — step-by-step B-Tree insert/search operations - BufferManager2D — buffer pool with page eviction simulation - TransactionACID2D — concurrent transaction isolation demo - MVCCComparison2D — Oracle undo vs PostgreSQL inline MVCC - ERDiagramBuilder2D — drag-and-drop entity-relationship designer - SQLvsNoSQL2D — 5-category database type explorer with SVG diagrams - VectorDatabase2D — vector similarity search with 3 ANN algorithm modes Infrastructure: - Add /database route with lazy-loaded section routing (App.tsx) - Add database navigation to Header, Sidebar, and moduleNavigation - Add teal/cyan/emerald theme colors to theme.ts - Add database module card to Home page - Update README with module listing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a complete Database & DBMS interactive learning module to Code Executives — the 12th learning module on the platform. This module covers database fundamentals through advanced DBMS internals with 11 educational sections and 9 interactive 2D visualizations.
New Sections
New Visualizations
Infrastructure Changes
/databaseroute with lazy-loaded section routing (App.tsx)Header.tsx,Sidebar.tsx, andmoduleNavigation.tstheme.tsTechnical Details
React.lazy()for optimal bundle splittingsrc/features/database/)SectionLayout,ThemeCard,NavigationCard,CTASection,ErrorBoundary,SEO)How to Test
npm install && npm run dev