From c42fbb8107bf1265f4a82980b867f3c3c9a8ae3e Mon Sep 17 00:00:00 2001
From: John Lemar Gonzales <johnlemargonzales@gmail.com>
Date: Tue, 25 Feb 2025 23:20:51 +0800
Subject: [PATCH] Add Usage Guide to ReadMe

---
 README.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/README.md b/README.md
index f228984..c2df7ad 100644
--- a/README.md
+++ b/README.md
@@ -24,3 +24,15 @@ Built with pure HTML, CSS, and JavaScript (no frameworks).
   - Swap input and output content
 - **Error Handling:** Robust validation for invalid inputs
 - **Accessibility:** Keyboard-friendly (Enter key triggers conversion)
+
+## Usage
+
+1. Select conversion mode from the dropdown
+2. Enter your input in the top textarea
+3. See the converted result instantly in the bottom textarea
+4. Use the buttons to:
+   - Convert manually
+   - Clear content
+   - Copy output
+   - Swap input/output
+5. Toggle between light/dark mode using the icon in the header