Ajay Portfolio Preview

MD Explorer

A Better Way to Read My Docs

As I wrote more documentation, I found standard file explorers lacking. I built MD Explorer to learn Flutter's desktop-first development and state management with Riverpod. It features a custom 3-panel layout that makes navigating complex project docs much easier, teaching me about responsive UI design across different form factors.

Project Highlights

[+]Designed a responsive 3-panel layout from scratch for optimal desktop reading.

[+]Experimented with Riverpod to manage complex UI state and file system navigation.

[+]Integrated custom Markdown rendering with syntax highlighting for better readability.

[+]Learned to handle local file system watchers and directory indexing in Dart.


# Why I Built MD Explorer

As I started building more complex projects, I found myself writing a lot of documentation. standard file explorers didn't give me the reading experience I wanted for Markdown.

## My Learning Goals
1. **Flutter Desktop**: I wanted to see how far I could push Flutter on Windows/macOS.
2. **State Management**: Using Riverpod to sync state across three independent panels was a great challenge.
3. **Productivity**: I needed a way to quickly jump between research notes and implementation drafts.

## Key Features
- **3-Panel Layout**: Inspired by IDEs but focused purely on reading.
- **Deep Linking**: Easily reference other docs in my library.
- **Syntax Highlighting**: Critical for my technical notes.

> "A tool is only as good as the focus it enables."