Skip to content

Commit 29e2753

Browse files
TheUnknown550TheUnknown550
committed
feat: add visualizers for various data structures including Linked List, Queue, Stack, Tree, and Trie
- Implement LinkedListVisualizer for head/tail insertion and deletion. - Implement QueueVisualizer for enqueue and dequeue operations. - Implement StackVisualizer with animations for push and pop operations. - Implement TreeVisualizer for adding and removing child nodes. - Implement TrieVisualizer for inserting words and searching prefixes. feat: create interactive quiz and learning pages - Add questions and topics data for quizzes. - Implement Quiz component to handle question navigation and scoring. - Implement Learn component to display topics with visualizers and summaries. style: add Tailwind CSS for styling and layout - Configure Tailwind CSS with dark mode support. - Add base styles and typography utilities. chore: setup project structure and configurations - Initialize Vite with React and TypeScript. - Configure TypeScript paths for easier imports. - Setup local storage utilities for tracking progress and quiz results.
1 parent 22b2d83 commit 29e2753

36 files changed

Lines changed: 13249 additions & 0 deletions

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
node_modules
2+
course_slides

‎README.md‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
# DataStructViz
2+
3+
Vite + React + TypeScript + Tailwind site to learn data structures with interactive visualizations, Mermaid diagrams, and auto-summarized notes from PDFs.
4+
5+
## Setup
6+
7+
1. npm install
8+
2. npm run dev
9+
3. Add PDF slides to `course_slides/`
10+
4. npm run summarize (writes `content/summary.md`)
11+
12+
## Tech
13+
14+
- React + Vite + TypeScript
15+
- Tailwind CSS + Typography
16+
- React Router
17+
- react-markdown + remark-gfm
18+
- Mermaid for diagrams
19+
- pdf.js (pdfjs-dist) for slide text extraction
20+

‎content/summary.md‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# Course Slide Summaries
2+
3+
Add PDFs to course_slides/ and run `npm run summarize` to refresh this file.
4+
5+
## Topic: Stack
6+
7+
### Overview
8+
Stacks are LIFO: push, pop at the top.
9+
10+
### Operations
11+
- push: add to top
12+
- pop: remove from top
13+
- peek: read top without removing
14+
15+
### Use Cases
16+
- function call stack
17+
- undo/redo
18+
19+
### Complexity
20+
- Push: O(1)
21+
- Pop: O(1)
22+
- Space: O(n)
23+

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>DataStructViz</title>
7+
</head>
8+
<body class="bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100">
9+
<div id="root"></div>
10+
<script type="module" src="/src/main.tsx"></script>
11+
</body>
12+
</html>
13+

0 commit comments

Comments
 (0)