Update docs

More features
Add Examples

Author: lhy-hoyin

README.md

@@ -6,6 +6,8 @@ StackUp Campaign: [ChromaDB Essentials: From Theory to Application](https://earn
 
 Juris FastSearch is a legal case retrieval solution for the legal community to quickly and efficiently seach and retrieve relevant law cases and citations for their current case.
 
+![Overview](docs/imgs/Overview.png)
+
 #### Problem
 
 Currently, it is tedious for law professionals to prepare for their cases as they have to manually look for precedence or similar cases as part of their legal research. With advancement of Artificial Intelligence (AI), ChatGPT maybe a tempting solution to quickly resovle that. However, AI solutions are prone to "hallucinations", making up fake cases which may appear to support the user's case, as it has already [happened before](https://www.forbes.com/sites/mollybohannon/2023/06/08/lawyer-used-chatgpt-in-court-and-cited-fake-cases-a-judge-is-considering-sanctions/).
@@ -14,13 +16,13 @@ Juris FastSearch is able to quickly provide references without any risk of "hall
 
 #### Features & Usage
 
-[Key Features](docs/Features.md)
+Some of our [key features](docs/Features.md) include document-backed results, downloadable documents and instant document viewer.
 
-Can't wait to try out Juris FastSearch? Check out the [installation guide](docs/Installation.md) to get started!
+Can't wait to try out Juris FastSearch? Check out the [installation guide](docs/Installation.md) to get started! We have also provided some [examples](docs/Examples.md) to demostrate to you how to use Juris FastSearch.
 
 #### Disclaimer
 
 > [!NOTE]
-> This is a proof of concept for the purpose of [_Bounty: Advanced Image and Data Retrieval System Using ChromaDB_](https://earn.stackup.dev/campaigns/chromadb-essentials-from-theory-to-application/quests/bounty-advanced-image-and-data-retrieval-system-using-chromadb-48ba).
+> This is a proof of concept for the purpose of [_Bounty: Advanced Image and Data Retrieval System Using ChromaDB_](https://earn.stackup.dev/campaigns/chromadb-essentials-from-theory-to-application/quests/bounty-advanced-image-and-data-retrieval-system-using-chromadb-48ba)
 
 As part of our concept, some cases are downloaded from [CourtListener](https://www.courtlistener.com).

docs/Examples.md

@@ -0,0 +1,38 @@
+# Examples
+
+For example, you want to search for "Election votes".
+
+1. Click on the search box, type "Elections votes"
+2. Click on **Search** at the bottom right on the search box
+
+> [!TIP]
+> You can click [Shift] + [Enter] to search without needing your hands to leave the keyboard
+
+![Example search using words election votes](imgs/Example-elections-votes.png)
+
+## View document
+
+For example, you have searched "Election votes" and wants to look at the document of the second result.
+
+1. Under the _Results_ section, click on _14-556 Obergefell v. Hodges.pdf_ (2nd result)
+2. Observe the the document viewer has updated to show the new document
+
+![Example view second search result](imgs/Example-view-document.png)
+
+## Download document
+
+You want to download the document _08-205 Citizens United v. Federal Election Comm'n.pdf_.
+
+1. Under the _Results_ section, beside _08-205 Citizens United v. Federal Election Comm'n.pdf_, click on "954.4 KB ⇣"
+
+![Example download document](imgs/Example-download-document.png)
+
+
+## Change number of results to display
+
+For example, you want the search to display four results.
+
+1. Expand the _Preferences_ section
+2. Click on the textbox for "Number of Results" and change to "4"
+
+![Example change results count to four](imgs/Example-change-results-count.png)

docs/Features.md

@@ -2,20 +2,42 @@
 
 ## Document-backed Results
 
-Each result is a reference file that we found to be relavent to you.
+Each result is a reference file that we found to be relavent to you. The results are ordered with the highest relevance at the top.
 
 ![Image of results with red box highlighting the files](imgs/Results-box-files.png)
+> Red box indicates the list of documents found to be relevant
 
 ## Easy Download
 
-You can easily download the reference file by clicking the download link provided along with the file names.
+You can easily download the reference document by clicking the download link provided along with the file names.
+
+The file size is also shown for the user's information and decision on whether to download the document.
 
 ![Image of results with red box highlighting the download for the files](imgs/Results-box-download.png)
+> Red box indicates the file size of each document, and can be clicked to download
 
 ## Build-in Viewer
 
 You can also quickly glance at the contents of the files to determine that is it useful for you before choose to download the files.
 
 Simply click on the file name and the build-in viewer will display the file.
+At the bottom of the viewer, you can click :arrow_left: and :arrow_right: to move flip the pages of the document.
+Additionally, you can click on the current page number at the bottom and type in the page number to go to.
+
+![Build-in viewer to view PDF files](imgs/Build-in-viewer.png)
+
+## Performance
+
+You can better understand how to application is doing by looking at its performance.
+
+This section is opened by default, and can be hidden by the user if deemed not useful.
+
+![Performance section](imgs/Performance.png)
+
+## Preferences
+
+There are also some preferences you can set.
+
+This section is closed by default, and can be opened to modify the preferences.
 
-![Build-in viewer to view PDF files](imgs/Build-in-viewer.png)
+![References section](imgs/Preferences.png)