Skip to content

Commit 30b1aec

Browse files
committed
Update README.md
1 parent cdc62bb commit 30b1aec

File tree

1 file changed

+17
-19
lines changed

1 file changed

+17
-19
lines changed

README.md

Lines changed: 17 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,15 @@ A visual, interactive React application to explore **dynamic programming (DP)**
1010

1111
## 📌 Features
1212

13-
- 🧠 **Unique Paths II (DP)**: Based on [LeetCode - Unique Paths II](https://leetcode.com/problems/unique-paths-ii/description/), visualize the total number of paths avoiding obstacles.
14-
- 📏 **Shortest Path Mode**: Visualize the shortest path between two draggable points using **Dijkstra's Algorithm** with 8-directional movement.
15-
- 📆 Animated step-by-step path traversal
16-
- 🧱 Click-and-drag to create obstacles on the grid
17-
- 🔄 Adjustable grid size (up to 12×12)
18-
- 👁️ Option to show/hide DP table values
19-
- 💡 Clear, responsive UI with Tailwind CSS
13+
- 🧠 **Unique Paths II (DP)**: Visualizes total valid paths using a dynamic programming table. Implements logic based on [LeetCode - Unique Paths II](https://leetcode.com/problems/unique-paths-ii/description/).
14+
- 📏 **Shortest Path Mode**: Uses a modified Dijkstra’s algorithm that supports 8-directional movement (diagonals included) for pathfinding.
15+
- 👡️ **Interactive Grid Editor**:
16+
- Click or drag to add/remove obstacles.
17+
- In shortest path mode, drag Start (🟩) and End (🟦) nodes freely.
18+
- 🧮 **DP Table Rendering**: Optionally display the number of ways to reach each cell in unique paths mode.
19+
- 🔁 **Path Animation**: Each cell in a computed path lights up sequentially to demonstrate traversal order.
20+
- 📀 **Resizable Grid**: Supports grids from 1×1 to 12×12 with smooth resets and state preservation.
21+
- ⚡ Fast and reactive UI thanks to React + Vite + Tailwind.
2022

2123
---
2224

@@ -45,22 +47,18 @@ npm run dev
4547
yarn dev
4648
```
4749

48-
Open [http://localhost:3000](http://localhost:3000) to view the app in your browser.
49-
50-
---
51-
52-
## 🖼️ Screenshots
53-
54-
> _You can add screenshots or gifs here showcasing the DP mode, dragging Start/End, etc._
50+
Then open: [http://localhost:3000](http://localhost:3000)
5551

5652
---
5753

5854
## 🛠️ Built With
5955

60-
- [React](https://reactjs.org/)
61-
- [TypeScript](https://www.typescriptlang.org/)
62-
- [Tailwind CSS](https://tailwindcss.com/)
63-
- [Vite](https://vitejs.dev/)
56+
- ⚛️ **[React](https://reactjs.org/)** — UI component library
57+
- 🔆 **[TypeScript](https://www.typescriptlang.org/)** — Typed JavaScript for safety and tooling
58+
- 🎨 **[Tailwind CSS](https://tailwindcss.com/)** — Utility-first CSS framework
59+
-**[Vite](https://vitejs.dev/)** — Lightning-fast build tool and dev server
60+
- 📦 **Modular Architecture** — Reusable components (GridCell, InfoCard, etc.)
61+
- 📁 **Single-File Visualizer Component** — Main logic lives in `UniquePathsVisualizer.tsx` for simplicity and portability
6462

6563
---
6664

@@ -70,7 +68,7 @@ MIT License. Feel free to fork and improve!
7068

7169
---
7270

73-
## 🙇‍♂️ Author
71+
## 🚇️ Author
7472

7573
Created with ❤️ by [@GreenMarioh](https://github.com/GreenMarioh)
7674

0 commit comments

Comments
 (0)