From 83ff7446f985f5621179f26b5089630f2f12cdf6 Mon Sep 17 00:00:00 2001
From: Sunny Sahsi <sahsisunny@gmail.com>
Date: Mon, 13 Nov 2023 10:11:47 +0530
Subject: [PATCH 1/2] doc: added doc for flow to shorten url

---
 Doc/Flow - Shorten URL.md | 71 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 Doc/Flow - Shorten URL.md

diff --git a/Doc/Flow - Shorten URL.md b/Doc/Flow - Shorten URL.md
new file mode 100644
index 0000000..efdd9ea
--- /dev/null
+++ b/Doc/Flow - Shorten URL.md	
@@ -0,0 +1,71 @@
+# Tiny Site Flow Documentation
+
+## Shorten URL
+
+### Overview
+
+The following document outlines the flow for shortening URLs on the Tiny Site. This process involves user interaction with the website to input a URL, generate a shortened version, and display it to the user.
+
+### Shorten URL Flow
+
+The flowchart below illustrates the steps involved in shortening a URL on the Tiny Site.
+
+```mermaid
+graph TD
+    A[Show URL Input Field] -->|User Inputs URL| B[Click Generate Button]
+    B --> C[Check User Login Status]
+    C -->|Logged In| D[Generate Shortened URL]
+    C -->|Not Logged In| E[Show Login Modal with Text Continue to Short URL. Please Login.]
+    E --> F[User Logs In]
+    F --> D
+    D --> G[Display Shortened URL]
+```
+
+### Step-by-Step Process
+
+1. **Show URL Input Field:**
+
+    - The user is presented with an input field to enter the URL they want to shorten.
+
+2. **User Inputs URL:**
+
+    - The user enters the desired URL into the input field.
+
+3. **Click Generate Button:**
+
+    - The user clicks the "Generate" button to initiate the URL shortening process.
+
+4. **Check User Login Status:**
+
+    - The system checks whether the user is logged in or not.
+
+5. **Logged In:**
+
+    - If the user is logged in, the system proceeds to generate the shortened URL.
+
+6. **Not Logged In:**
+
+    - If the user is not logged in, a login modal is displayed with a message: "Continue to Short URL. Please Login."
+
+7. **Show Login Modal:**
+
+    - The user has the option to log in within the modal.
+
+8. **User Logs In:**
+
+    - After successfully logging in, the system proceeds to generate the shortened URL.
+
+9. **Generate Shortened URL:**
+
+    - The system generates a unique shortened version of the entered URL.
+
+10. **Display Shortened URL:**
+    - The shortened URL is displayed to the user.
+
+### Wireframes
+
+-   [Excalidraw](https://excalidraw.com/#json=5Q2AIEiRs6DmMCaaoRN2N,zf9DD1Ln2AYgdGyLlSywiA)
+
+### Conclusion
+
+This flow outlines the user journey for shortening URLs on the Tiny Site, taking into account both logged-in and not-logged-in scenarios. The login modal ensures a smooth transition for users who need to log in before generating a shortened URL.

From 2351d42a4416be5d9ebb6c7f0dd1e090b0d4596c Mon Sep 17 00:00:00 2001
From: Sunny Sahsi <sahsisunny@gmail.com>
Date: Thu, 16 Nov 2023 09:47:06 +0530
Subject: [PATCH 2/2] Update Flow - Shorten URL.md

---
 Doc/Flow - Shorten URL.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Doc/Flow - Shorten URL.md b/Doc/Flow - Shorten URL.md
index efdd9ea..d19fbc4 100644
--- a/Doc/Flow - Shorten URL.md	
+++ b/Doc/Flow - Shorten URL.md	
@@ -11,9 +11,9 @@ The following document outlines the flow for shortening URLs on the Tiny Site. T
 The flowchart below illustrates the steps involved in shortening a URL on the Tiny Site.
 
 ```mermaid
-graph TD
+flowchart TD
     A[Show URL Input Field] -->|User Inputs URL| B[Click Generate Button]
-    B --> C[Check User Login Status]
+    B --> C{Check User Login Status}
     C -->|Logged In| D[Generate Shortened URL]
     C -->|Not Logged In| E[Show Login Modal with Text Continue to Short URL. Please Login.]
     E --> F[User Logs In]