Skip to content

Commit fe16765

Browse files
committed
changes requested by Lokesh
1 parent 1a02427 commit fe16765

File tree

1 file changed

+25
-29
lines changed

1 file changed

+25
-29
lines changed

tutorial/markdown/python/streamlit/README.md renamed to tutorial/markdown/python/streamlit/flight_search_streamlit_couchbase.md

Lines changed: 25 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ length: 30 Mins
2222
# Building an Interactive Flight Search App with Streamlit and Couchbase
2323

2424
## Introduction
25-
This tutorial will guide you through building a fully functional Streamlit application on top of Couchbase. The app will leverage Couchbase's [`travel-sample`](https://docs.couchbase.com/ruby-sdk/current/ref/travel-app-data-model.html) dataset to enable users to search for flights between cities and visualize routes dynamically on an interactive map. By following this tutorial, you will learn how to:
25+
This tutorial will guide you through building a fully functional Streamlit application on top of Couchbase. The app will leverage Couchbase's [`travel-sample`](https://docs.couchbase.com/python-sdk/current/ref/travel-app-data-model.html) dataset to enable users to search for flights between cities and visualize routes dynamically on an interactive map. By following this tutorial, you will learn how to:
2626

2727
- Connect a Streamlit app to a Couchbase database
2828
- Query and filter flight data efficiently
@@ -33,6 +33,26 @@ By the end of this tutorial, you will have a working flight visualization tool a
3333

3434
The final app will look like this hosted Streamlit application: [Couchbase Connector Demo App](https://couchbase-connector-demo-app.streamlit.app/). The original code for this demo is available [here](https://github.com/couchbase-examples/streamlit-quickstart/blob/main/Demo.py).
3535

36+
#### Screenshots of the Final App
37+
<table align="center">
38+
<tr>
39+
<td align="center">
40+
<img src="startup_demo_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
41+
</td>
42+
<td align="center">
43+
<img src="flight_visuals_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
44+
</td>
45+
</tr>
46+
<tr>
47+
<td align="center">
48+
<img src="hotel_near_landmarks_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
49+
</td>
50+
<td align="center">
51+
<img src="hotels_in_city_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
52+
</td>
53+
</tr>
54+
</table>
55+
3656
## Basic Concepts
3757

3858
### Understanding JSON and Document Databases
@@ -78,7 +98,7 @@ Couchbase organizes data into a hierarchical structure:
7898
By understanding these key concepts, you'll be well-prepared to build and optimize applications using Couchbase and Streamlit.
7999

80100
## Dataset Overview
81-
The [`travel-sample`](https://docs.couchbase.com/ruby-sdk/current/ref/travel-app-data-model.html) dataset in Couchbase consists of multiple scopes and collections related to travel and transportation data. The primary scope used in this application is `inventory`, which contains five collections:
101+
The [`travel-sample`](https://docs.couchbase.com/python-sdk/current/ref/travel-app-data-model.html) dataset in Couchbase consists of multiple scopes and collections related to travel and transportation data. The primary scope used in this application is `inventory`, which contains five collections:
82102

83103
- **airline (190 documents)**: Contains information about airlines, including their name, country, ICAO, IATA codes, and callsigns.
84104
- **Key fields:** `name`, `country`, `icao`, `iata`, `callsign`, `id`, `type`
@@ -670,27 +690,6 @@ streamlit run app.py
670690
```
671691
This will launch the app in your browser, allowing you to interactively explore Couchbase data with intuitive visualizations.
672692

673-
#### Screenshots of the Final App
674-
<table align="center">
675-
<tr>
676-
<td align="center">
677-
<img src="startup_demo_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
678-
</td>
679-
<td align="center">
680-
<img src="flight_visuals_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
681-
</td>
682-
</tr>
683-
<tr>
684-
<td align="center">
685-
<img src="hotel_near_landmarks_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
686-
</td>
687-
<td align="center">
688-
<img src="hotels_in_city_tab.png" style="width: 200vw; height: auto; border-radius: 1vw;">
689-
</td>
690-
</tr>
691-
</table>
692-
693-
694693
## Cloud Deployment Using Streamlit Community Cloud
695694

696695
Now that you've built your demo app, it's time to deploy it for free using **Streamlit Community Cloud**!
@@ -701,12 +700,9 @@ Ensure your app is stored in a GitHub repository with the following files:
701700
- `requirements.txt` (dependencies)
702701
- Optional `.streamlit/config.toml` for customization
703702

704-
Example `requirements.txt`:
705-
```txt
706-
couchbase-streamlit-connector
707-
pandas
708-
plotly
709-
geopy
703+
To generate `requirements.txt` use this command in your terminal:
704+
```sh
705+
pip freeze > requirements.txt
710706
```
711707

712708
### Set Up a Streamlit Community Cloud Account

0 commit comments

Comments
 (0)