Upload folder using huggingface_hub

README.md

@@ -4,20 +4,65 @@ app_file: app.py
 sdk: gradio
 sdk_version: 5.11.0
 ---
-# Portfolio Applications
+# AI Applications Portfolio
 
-This is a collection of interactive applications built with Gradio, including:
-- Image Classification
-- Text Summarization
-- Data Visualization
+A collection of interactive AI applications built with Gradio, showcasing various capabilities:
 
-## Setup
+## Applications
+
+### 1. Image Classification
+- Upload and analyze images
+- Get detailed image information
+- View thumbnails and analysis results
+
+### 2. Text Summary
+- Analyze text statistics
+- Generate summaries
+- Support for multiple languages
+
+### 3. Data Visualization
+- Create interactive graphs
+- Visualize numerical data
+- Customizable plotting options
+
+## Tech Stack
+- Python 3.8+
+- Gradio 4.0+
+- Matplotlib 3.7+
+- NumPy 1.24+
+- Pillow 10.0+
+
+## Setup and Installation
+
+1. Clone the repository:
+```bash
+git clone https://github.com/yourusername/portfolio.git
+cd portfolio
+```
+
+2. Install dependencies:
 ```bash
 pip install -r requirements.txt
-python app.py
 ```
 
-## Deploy
-To deploy to Hugging Face Spaces:
+3. Run the application:
 ```bash
-gradio deploy
+python app.py
+```
+
+## Deployment
+
+The application is deployed on Hugging Face Spaces:
+[View Live Demo](https://huggingface.co/spaces/shuhayas/AI_Applications_Portfolio)
+
+## Features
+- Modern, responsive UI
+- Interactive applications
+- Real-time processing
+- Cross-platform compatibility
+
+## Contributing
+Feel free to submit issues and enhancement requests!
+
+## License
+MIT License - feel free to use this project for your own portfolio!

app.py

@@ -3,7 +3,7 @@ import matplotlib.pyplot as plt
 import numpy as np
 from PIL import Image
 
-# カスタムCSS
+# Custom CSS
 custom_css = """
 .container {
     max-width: 900px;
@@ -56,118 +56,118 @@ custom_css = """
 }
 """
 
-# アプリケーション1：画像分類
+# Application 1: Image Classification
 def image_classification(image):
     if image is None:
-        return "画像をアップロードしてください。", None
+        return "Please upload an image.", None
     
-    # 画像の基本情報を取得
+    # Get basic image information
     info = f"""
-    画像分析結果:
-    - サイズ: {image.shape}
-    - 色空間: RGB
-    - 解像度: {image.shape[0]}x{image.shape[1]}ピクセル
+    Image Analysis Results:
+    - Size: {image.shape}
+    - Color Space: RGB
+    - Resolution: {image.shape[0]}x{image.shape[1]} pixels
     """
     
-    # サムネイル画像を生成
+    # Generate thumbnail
     thumbnail = Image.fromarray(image).copy()
     thumbnail.thumbnail((200, 200))
     
     return info, thumbnail
 
-# アプリケーション2：テキスト要約
+# Application 2: Text Summary
 def text_summary(text):
     if not text:
-        return "テキストを入力してください。"
+        return "Please enter text to summarize."
     
-    # 文章の基本情報を分析
+    # Analyze basic text information
     char_count = len(text)
     word_count = len(text.split())
     line_count = len(text.splitlines())
     
     summary = f"""
-    テキスト分析結果:
-    - 文字数: {char_count}文字
-    - 単語数: {word_count}語
-    - 行数: {line_count}行
+    Text Analysis Results:
+    - Character Count: {char_count}
+    - Word Count: {word_count}
+    - Line Count: {line_count}
     
-    要約:
+    Summary:
     {text[:200] + '...' if len(text) > 200 else text}
     """
     
     return summary
 
-# アプリケーション3：データ可視化
+# Application 3: Data Visualization
 def visualize_data(x_input, y_input):
     try:
         x = [float(i.strip()) for i in x_input.split(',')]
         y = [float(i.strip()) for i in y_input.split(',')]
         
         if len(x) != len(y):
-            return None, "エラー: X座標とY座標の数が一致しません。"
+            return None, "Error: Number of X and Y coordinates must match."
         
         fig = plt.figure(figsize=(10, 6))
         plt.style.use('seaborn')
         plt.plot(x, y, 'o-', linewidth=2, markersize=8, color='#2e7af5')
-        plt.title('データ可視化', fontsize=16, pad=20)
-        plt.xlabel('X軸', fontsize=12)
-        plt.ylabel('Y軸', fontsize=12)
+        plt.title('Data Visualization', fontsize=16, pad=20)
+        plt.xlabel('X Axis', fontsize=12)
+        plt.ylabel('Y Axis', fontsize=12)
         plt.grid(True, linestyle='--', alpha=0.7)
         
-        # グラフの見た目を改善
+        # Improve graph appearance
         plt.tick_params(axis='both', which='major', labelsize=10)
         plt.gca().spines['top'].set_visible(False)
         plt.gca().spines['right'].set_visible(False)
         
-        return fig, "グラフが生成されました。"
+        return fig, "Graph generated successfully."
     except ValueError:
-        return None, "エラー: 無効な入力です。数値をカンマで区切って入力してください。"
+        return None, "Error: Invalid input. Please enter numbers separated by commas."
 
-# Gradioインターフェースの構築
+# Build Gradio interface
 with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
-    # ヘッダー
+    # Header
     with gr.Column(elem_classes="container"):
         gr.Markdown(
             """
-            # ポートフォリオサイト
+            # Portfolio Site
             
-            私が開発したさまざまなアプリケーションを体験できるポートフォリオサイトへようこそ。
-            各タブで異なるアプリケーションを試すことができます。
+            Welcome to my portfolio site where you can experience various applications I've developed.
+            Try out different applications in each tab.
             """,
             elem_classes="gr-header"
         )
         
-        # タブコンテナ
+        # Tab container
         with gr.Tabs():
-            # 画像分類タブ
-            with gr.TabItem("📷 画像分類", elem_classes="gr-tab"):
+            # Image Classification Tab
+            with gr.TabItem("📷 Image Classification", elem_classes="gr-tab"):
                 with gr.Column(elem_classes="gr-box"):
                     gr.Markdown(
                         """
-                        ### 画像分類アプリ
-                        画像をアップロードすると、その特徴を分析します。高品質な画像をアップロードすることで、
-                        より正確な分析結果が得られます。
+                        ### Image Classification App
+                        Upload an image to analyze its features. Higher quality images will yield
+                        more accurate analysis results.
                         """,
                         elem_classes="gr-tab-text"
                     )
                     with gr.Row():
                         with gr.Column():
                             image_input = gr.Image(
-                                label="画像をアップロード",
+                                label="Upload Image",
                                 type="numpy",
                                 elem_classes="gr-input"
                             )
                             image_button = gr.Button(
-                                "分析開始",
+                                "Analyze",
                                 elem_classes="gr-button"
                             )
                         with gr.Column():
                             image_output = gr.Textbox(
-                                label="分析結果",
+                                label="Analysis Results",
                                 elem_classes="gr-input"
                             )
                             image_thumbnail = gr.Image(
-                                label="サムネイル",
+                                label="Thumbnail",
                                 elem_classes="gr-input"
                             )
                     
@@ -177,29 +177,29 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
                         outputs=[image_output, image_thumbnail]
                     )
             
-            # テキスト要約タブ
-            with gr.TabItem("📝 テキスト要約", elem_classes="gr-tab"):
+            # Text Summary Tab
+            with gr.TabItem("📝 Text Summary", elem_classes="gr-tab"):
                 with gr.Column(elem_classes="gr-box"):
                     gr.Markdown(
                         """
-                        ### テキスト要約アプリ
-                        長い文章を入力すると、要約と基本的な統計情報を生成します。
-                        日本語、英語どちらの入力にも対応しています。
+                        ### Text Summary App
+                        Enter text to generate a summary and basic statistics.
+                        Works with both English and other languages.
                         """,
                         elem_classes="gr-tab-text"
                     )
                     text_input = gr.Textbox(
-                        label="テキストを入力",
-                        placeholder="ここに要約したいテキストを入力してください...",
+                        label="Enter Text",
+                        placeholder="Enter the text you want to summarize...",
                         lines=5,
                         elem_classes="gr-input"
                     )
                     text_button = gr.Button(
-                        "要約開始",
+                        "Summarize",
                         elem_classes="gr-button"
                     )
                     text_output = gr.Textbox(
-                        label="要約結果",
+                        label="Summary Results",
                         elem_classes="gr-input"
                     )
                     
@@ -209,43 +209,43 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
                         outputs=text_output
                     )
             
-            # データ可視化タブ
-            with gr.TabItem("📊 データ可視化", elem_classes="gr-tab"):
+            # Data Visualization Tab
+            with gr.TabItem("📊 Data Visualization", elem_classes="gr-tab"):
                 with gr.Column(elem_classes="gr-box"):
                     gr.Markdown(
                         """
-                        ### データ可視化ツール
-                        X座標とY座標を入力すると、美しいグラフを生成します。
-                        数値はカンマで区切って入力してください。
+                        ### Data Visualization Tool
+                        Enter X and Y coordinates to generate a beautiful graph.
+                        Separate numbers with commas.
                         
-                        例：
-                        - X座標: 1, 2, 3, 4, 5
-                        - Y座標: 10, 20, 15, 25, 30
+                        Example:
+                        - X coordinates: 1, 2, 3, 4, 5
+                        - Y coordinates: 10, 20, 15, 25, 30
                         """,
                         elem_classes="gr-tab-text"
                     )
                     with gr.Row():
                         x_input = gr.Textbox(
-                            label="X座標",
-                            placeholder="例: 1, 2, 3, 4, 5",
+                            label="X Coordinates",
+                            placeholder="Example: 1, 2, 3, 4, 5",
                             value="1, 2, 3, 4, 5",
                             elem_classes="gr-input"
                         )
                         y_input = gr.Textbox(
-                            label="Y座標",
-                            placeholder="例: 10, 20, 30, 40, 50",
+                            label="Y Coordinates",
+                            placeholder="Example: 10, 20, 30, 40, 50",
                             value="10, 20, 30, 40, 50",
                             elem_classes="gr-input"
                         )
                     
                     plot_button = gr.Button(
-                        "グラフ生成",
+                        "Generate Graph",
                         elem_classes="gr-button"
                     )
                     with gr.Row():
-                        plot_output = gr.Plot(label="グラフ")
+                        plot_output = gr.Plot(label="Graph")
                         plot_message = gr.Textbox(
-                            label="メッセージ",
+                            label="Message",
                             elem_classes="gr-input"
                         )
                     
@@ -255,44 +255,44 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
                         outputs=[plot_output, plot_message]
                     )
             
-            # プロジェクト情報タブ
-            with gr.TabItem("ℹ️ プロジェクト情報", elem_classes="gr-tab"):
+            # Project Information Tab
+            with gr.TabItem("ℹ️ Project Information", elem_classes="gr-tab"):
                 with gr.Column(elem_classes="gr-box"):
                     gr.Markdown(
                         """
-                        ### プロジェクトについて
+                        ### About the Project
                         
-                        このポートフォリオサイトは、Pythonの強力なライブラリGradioを使用して作成された
-                        複数のアプリケーションを統合したものです。
+                        This portfolio site integrates multiple applications built using Python's powerful
+                        Gradio library.
                         
-                        #### 機能一覧
-                        1. **画像分類アプリ** 🖼️
-                           - 画像をアップロードして分析
-                           - 画像の基本情報を表示
-                           - サムネイル生成機能
+                        #### Features
+                        1. **Image Classification App** 🖼️
+                           - Upload and analyze images
+                           - Display basic image information
+                           - Thumbnail generation
                         
-                        2. **テキスト要約アプリ** 📚
-                           - テキストの基本統計情報
-                           - 文章の要約機能
-                           - 日本語・英語対応
+                        2. **Text Summary App** 📚
+                           - Basic text statistics
+                           - Text summarization
+                           - Multi-language support
                         
-                        3. **データ可視化ツール** 📈
-                           - インタラクティブなグラフ生成
-                           - 美しいデータ可視化
-                           - カスタマイズ可能なプロット
+                        3. **Data Visualization Tool** 📈
+                           - Interactive graph generation
+                           - Beautiful data visualization
+                           - Customizable plots
                         
-                        #### 技術スタック
+                        #### Tech Stack
                         - Python 3.8+
                         - Gradio 4.0+
                         - Matplotlib 3.7+
                         - NumPy 1.24+
                         - Pillow 10.0+
                         
-                        #### ソースコード
-                        このプロジェクトのソースコードは[GitHub](https://github.com/yourusername/portfolio)で公開されています。
+                        #### Source Code
+                        The source code for this project is available on [GitHub](https://github.com/yourusername/portfolio)
                         
-                        #### 連絡先
-                        質問やフィードバックがありましたら、以下の連絡先までお願いします：
+                        #### Contact
+                        For questions or feedback, please reach out:
                         - Email: your.email@example.com
                         - Twitter: @yourusername
                         - LinkedIn: [Your Name](https://linkedin.com/in/yourprofile)
@@ -300,6 +300,6 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
                         elem_classes="gr-tab-text"
                     )
 
-# アプリケーションの起動
+# Launch application
 if __name__ == "__main__":
     portfolio.launch(share=True)