├── API_Ready_To_Deploy
    ├── requirements.txt
    ├── __pycache__
    │   └── main.cpython-312.pyc
    ├── render.yaml
    └── main.py
├── code_Without_API.py
├── FastAPI_APP.py
├── README.md
├── Python_GUI_Desktop_Example.py
└── HTML_Example.html


/API_Ready_To_Deploy/requirements.txt:
--------------------------------------------------------------------------------
1 | fastapi
2 | uvicorn
3 | pydantic


--------------------------------------------------------------------------------
/API_Ready_To_Deploy/__pycache__/main.cpython-312.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Pythonation/FastAPI_Tutorial/HEAD/API_Ready_To_Deploy/__pycache__/main.cpython-312.pyc


--------------------------------------------------------------------------------
/API_Ready_To_Deploy/render.yaml:
--------------------------------------------------------------------------------
1 | services:
2 |   - type: web
3 |     name: fastapi-bmi
4 |     env: python
5 |     buildCommand: pip install -r requirements.txt
6 |     startCommand: uvicorn main:app --host 0.0.0.0 --port $PORT
7 |     envVars:
8 |       - key: PYTHON_VERSION
9 |         value: 3.9.0


--------------------------------------------------------------------------------
/code_Without_API.py:
--------------------------------------------------------------------------------
 1 | 
 2 | def calculate_bmi():
 3 |     weight = float(input("أدخل وزنك بالكيلوجرام: "))
 4 |     height = float(input("أدخل طولك بالمتر: "))
 5 |     bmi = weight / (height ** 2)
 6 | 
 7 |     if bmi < 18.5:
 8 |         message = "لديك نقص في الوزن، كُل أكثر"
 9 |     elif 18.5 <= bmi < 25:
10 |         message = "لديك وزن طبيعي، حافظ عليه"
11 |     elif 25 <= bmi < 30:
12 |         message = "لديك زيادة في الوزن، تمرن أكثر"
13 |     else:
14 |         message = "أنت تعاني من السمنة، قم بمراجعة طبيب"
15 | 
16 |     print ("Your BMI: ",bmi)
17 |     print(message)
18 | 
19 | calculate_bmi()


--------------------------------------------------------------------------------
/FastAPI_APP.py:
--------------------------------------------------------------------------------
 1 | from fastapi import FastAPI , Query
 2 | from pydantic import BaseModel
 3 | from fastapi.middleware.cors import CORSMiddleware
 4 | 
 5 | app = FastAPI()
 6 | app.add_middleware(CORSMiddleware,
 7 |     allow_origins=["*"],  allow_methods=["*"],allow_headers=["*"],
 8 | )
 9 | class BMIOutput(BaseModel):
10 |     bmi: float
11 |     message: str
12 | 
13 | @app.get("/")
14 | def Hi():
15 |     return {"message": "Marhaba python"}
16 | 
17 | @app.get("/calculate_bmi")
18 | def calculate_bmi(
19 |     weight: float= Query(... , gt=20,lt=200, description="الوزن بالكيلوغرام") ,
20 |     height: float= Query(..., gt=1, lt=3, description="الطول بالمتر")
21 |     ):
22 |     bmi = weight / (height ** 2)
23 |     if bmi < 18.5:
24 |         message = "لديك نقص في الوزن، كُل أكثر "
25 |     elif 18.5 <= bmi < 25:
26 |         message = "لديك وزن طبيعي، حافظ عليه."
27 |     elif 25 <= bmi < 30:
28 |         message = "لديك زيادة في الوزن، تمرن أكثر"
29 |     else:
30 |         message = "أنت تعاني من السمنة، قم بمراجعة طبيب"
31 |     return BMIOutput(bmi=bmi,message=message)
32 |     
33 | 


--------------------------------------------------------------------------------
/API_Ready_To_Deploy/main.py:
--------------------------------------------------------------------------------
 1 | from fastapi import FastAPI, Query
 2 | from pydantic import BaseModel
 3 | 
 4 | # إعداد CORS للسماح بطلبات من متصفح الويب
 5 | from fastapi.middleware.cors import CORSMiddleware
 6 | 
 7 | app = FastAPI()
 8 | 
 9 | app.add_middleware(
10 |     CORSMiddleware,
11 |     allow_origins=["*"],  # يجب تحديد المجالات المسموح بها في الإنتاج
12 |     allow_methods=["*"],
13 |     allow_headers=["*"],
14 | 
15 | )
16 | 
17 | class BMIOutput(BaseModel):
18 |     bmi: float
19 |     message: str
20 |     image: str
21 | 
22 | @app.get("/")
23 | def Hi():
24 |     return {"message": "Marhaba python"}
25 | 
26 | @app.get("/calculate_bmi")
27 | def calculate_bmi(
28 |     weight: float = Query(..., gt=20, lt=200, description="الوزن بالكيلوغرام"),
29 |     height: float = Query(..., gt=1, lt=3, description="الطول بالمتر")
30 | ):
31 |     bmi = weight / (height ** 2)
32 | 
33 |     if bmi < 18.5:
34 |         message = "لديك نقص في الوزن، كُل أكثر"
35 |         pic = "1"
36 |     elif 18.5 <= bmi < 25:
37 |         message = "لديك وزن طبيعي، حافظ عليه"
38 |         pic = "2"
39 |     elif 25 <= bmi < 30:
40 |         message = "لديك زيادة في الوزن، تمرن أكثر"
41 |         pic = "3"
42 |     else:
43 |         message = "أنت تعاني من السمنة، قم بمراجعة طبيب"
44 |         pic="4"
45 | 
46 |     return BMIOutput(bmi=bmi, message=message,image=pic)
47 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | <div dir="rtl">
 3 | 
 4 | ## 🚀 حوّل كود Python إلى تطبيقات رهيبة مع FastAPI!
 5 | 
 6 | ### 🤯 هل تخيّل يومًا أن تُصبح أكوادك قلبًا نابضًا لتطبيقات ويب، موبايل، وحتى Desktop قوية؟
 7 | 
 8 | مع **FastAPI**، هذا ليس حُلمًا بل **واقع مُمكن!** 🔥
 9 | 
10 | هذا المشروع يُرافق **درسًا مُفصّلًا على YouTube** يُوضّح لك **خطوة بخطوة** كيف تُطلق العنان لإبداعك وتُحوّل أكواد Python إلى تطبيقات مُذهلة! 
11 | 
12 | ### ✨ ما الذي ستجده هنا؟
13 | 
14 | <table dir="rtl" align="center">
15 |   <tr>
16 |     <td>`code_Without_API.py`:</td>
17 |     <td>كود بايثون بسيط وهو الكود الذي سنحوله الى API. </td>
18 |   </tr>
19 |   <tr>
20 |     <td>`FastAPI_APP.py`:</td>
21 |     <td>الـ API التي تم بناؤها في آخر المشروع (المشروع الذي تعلمنا بناءه).</td>
22 |   </tr>
23 |   <tr>
24 |     <td>`HTML_Example.html`:</td>
25 |     <td>صفحة  ويب  بسيطة  باستخدام  HTML  تتفاعل  مع  الـ API. </td>
26 |   </tr>
27 |   <tr>
28 |     <td>`Python_GUI_Desktop_Example.py`:</td>
29 |     <td>مثال  لتطبيق  Desktop  بواجهة  رسومية  باستخدام  Python  يتفاعل  مع  الـ API.</td>
30 |   </tr>
31 |   <tr>
32 |     <td>`/API_Ready_To_Deploy`:</td>
33 |     <td>مجلّد  يحتوي  على  API  جاهزة  للنشر  على  منصّات  الاستضافة  مثل  Render. </td>
34 |   </tr>
35 | </table>
36 | <div dir="rtl">
37 | 
38 | 
39 | 
40 | 
41 | ### 💪 ما الذي ستتعلّمه في الفيديو؟
42 | 
43 | *   **ما هي الـ API ولماذا هي مُهمّة؟**  شرح مُبسّط حتى لو كنت مبتدئًا تمامًا!
44 | *   **أساسيات FastAPI:** بناء API، تحديد المسارات، والرد على الطلبات.
45 | *   **تمرير البيانات:**  كيفيّة  إرسال  واستقبال  البيانات  من  وإلى  الـ API.
46 | *   **التحقّق من البيانات:**   التأكّد  من  صحّة  البيانات  الواردة  لتجنّب  الأخطاء.
47 | *   **التوثيق التلقائي:**   وثّق API الخاص بك بضغطة زر!
48 | *   **دمج الـ API مع واجهات مُختلفة:**   HTML،  تطبيقات  Desktop،  ومثال حتى لـ  Swift  لـ iPhone!
49 | *   **نصائح وحيل احترافية!** 
50 | 
51 | ### 🎬 رابط الفيديو:
52 | 
53 | https://youtu.be/NcPQm2KkIWE
54 | 
55 | ### 🔥 انضم إلى مُغامرتنا في عالم FastAPI! 
56 | 
57 | </div>
58 | </div>
59 | 
60 | 
61 | 


--------------------------------------------------------------------------------
/Python_GUI_Desktop_Example.py:
--------------------------------------------------------------------------------
 1 | import tkinter as tk
 2 | from tkinter import messagebox
 3 | import requests
 4 | 
 5 | def calculate_bmi():
 6 |     weight = entry_weight.get()
 7 |     height = entry_height.get()
 8 |     
 9 |     if weight and height:
10 |         try:
11 |             response = requests.get(f'http://127.0.0.1:8000/calculate_bmi?weight={weight}&height={height}')
12 |             data = response.json()
13 |             result_text.set(f'BMI: {data["bmi"]:.2f}\nالرسالة: {data["message"]}')
14 |         except Exception as e:
15 |             messagebox.showerror("Error", "حدث خطأ، يرجى المحاولة مرة أخرى.")
16 |     else:
17 |         messagebox.showwarning("Input Error", "يرجى إدخال الوزن والطول.")
18 | 
19 | # إنشاء النافذة الرئيسية
20 | root = tk.Tk()
21 | root.title("حساب مؤشر كتلة الجسم (BMI)")
22 | root.geometry("400x400")
23 | root.resizable(False, False)
24 | 
25 | # تعيين الخطوط والألوان
26 | font_large = ("Cairo", 16)
27 | font_medium = ("Cairo", 12)
28 | font_small = ("Cairo", 10)
29 | bg_color = "#f8f9fa"
30 | fg_color = "#343a40"
31 | btn_color = "#007bff"
32 | btn_hover_color = "#0056b3"
33 | 
34 | # تعيين الألوان الخلفية
35 | root.configure(bg=bg_color)
36 | 
37 | # إنشاء عناصر الواجهة
38 | label_title = tk.Label(root, text="حساب مؤشر كتلة الجسم (BMI)", font=font_large, bg=bg_color, fg=fg_color)
39 | label_weight = tk.Label(root, text="أدخل وزنك بالكيلوغرام:", font=font_medium, bg=bg_color, fg=fg_color)
40 | entry_weight = tk.Entry(root, font=font_medium)
41 | label_height = tk.Label(root, text="أدخل طولك بالمتر:", font=font_medium, bg=bg_color, fg=fg_color)
42 | entry_height = tk.Entry(root, font=font_medium)
43 | result_text = tk.StringVar()
44 | label_result = tk.Label(root, textvariable=result_text, font=font_medium, bg="#e9ecef", fg=fg_color, wraplength=350, justify="center", padx=10, pady=10)
45 | 
46 | # وظيفة تغيير لون الزر عند التحويم
47 | def on_enter(e):
48 |     btn_calculate['background'] = btn_hover_color
49 | 
50 | def on_leave(e):
51 |     btn_calculate['background'] = btn_color
52 | 
53 | btn_calculate = tk.Button(root, text="احسب BMI", font=font_medium, bg=btn_color, fg="white", command=calculate_bmi)
54 | btn_calculate.bind("<Enter>", on_enter)
55 | btn_calculate.bind("<Leave>", on_leave)
56 | 
57 | # وضع العناصر في النافذة
58 | label_title.pack(pady=20)
59 | label_weight.pack()
60 | entry_weight.pack(pady=5)
61 | label_height.pack()
62 | entry_height.pack(pady=5)
63 | btn_calculate.pack(pady=20)
64 | label_result.pack(pady=10)
65 | 
66 | # بدء تشغيل البرنامج
67 | root.mainloop()
68 | 


--------------------------------------------------------------------------------
/HTML_Example.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="ar" dir="rtl">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>حاسبة مؤشر كتلة الجسم</title>
  7 |     <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
  8 |     <style>
  9 |         body {
 10 |             font-family: 'Tajawal', sans-serif;
 11 |             background-color: #f0f4f8;
 12 |             color: #2d3748;
 13 |             line-height: 1.6;
 14 |             margin: 0;
 15 |             padding: 0;
 16 |         }
 17 |         .container {
 18 |             max-width: 600px;
 19 |             margin: 2rem auto;
 20 |             padding: 2rem;
 21 |             background-color: #ffffff;
 22 |             border-radius: 8px;
 23 |             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 24 |         }
 25 |         h1 {
 26 |             color: #2c5282;
 27 |             text-align: center;
 28 |             margin-bottom: 1.5rem;
 29 |         }
 30 |         input {
 31 |             width: 100%;
 32 |             padding: 0.75rem;
 33 |             margin-bottom: 1rem;
 34 |             border: 1px solid #e2e8f0;
 35 |             border-radius: 4px;
 36 |             font-size: 1rem;
 37 |         }
 38 |         button {
 39 |             width: 100%;
 40 |             padding: 0.75rem;
 41 |             background-color: #4299e1;
 42 |             color: white;
 43 |             border: none;
 44 |             border-radius: 4px;
 45 |             font-size: 1rem;
 46 |             cursor: pointer;
 47 |             transition: background-color 0.3s ease;
 48 |         }
 49 |         button:hover {
 50 |             background-color: #3182ce;
 51 |         }
 52 |         .result {
 53 |             margin-top: 1.5rem;
 54 |             padding: 1rem;
 55 |             background-color: #ebf8ff;
 56 |             border-radius: 4px;
 57 |             text-align: center;
 58 |         }
 59 |         .info {
 60 |             margin-top: 2rem;
 61 |             padding: 1rem;
 62 |             background-color: #e6fffa;
 63 |             border-radius: 4px;
 64 |         }
 65 |         .info h2 {
 66 |             color: #2c7a7b;
 67 |             margin-top: 0;
 68 |         }
 69 |     </style>
 70 | </head>
 71 | <body>
 72 |     <div class="container">
 73 |         <h1>حاسبة مؤشر كتلة الجسم</h1>
 74 |         <input type="number" id="weight" placeholder="الوزن (كجم)" min="20" max="200">
 75 |         <input type="number" id="height" placeholder="الطول (متر)" step="0.01" min="1" max="3">
 76 |         <button onclick="calculateBMI()">احسب مؤشر كتلة الجسم</button>
 77 |         <div class="result" id="result"></div>
 78 |         
 79 |         <div class="info">
 80 |             <h2>ما هو مؤشر كتلة الجسم؟</h2>
 81 |             <p>مؤشر كتلة الجسم (BMI) هو مقياس يستخدم لتقدير ما إذا كان الشخص يتمتع بوزن صحي بالنسبة لطوله. يساعد هذا المؤشر في تقييم مخاطر الإصابة بأمراض معينة مرتبطة بالوزن.</p>
 82 |             <h2>كيفية تفسير النتائج:</h2>
 83 |             <ul>
 84 |                 <li>أقل من 18.5: نقص في الوزن</li>
 85 |                 <li>18.5 - 24.9: وزن صحي</li>
 86 |                 <li>25 - 29.9: زيادة في الوزن</li>
 87 |                 <li>30 فما فوق: سمنة</li>
 88 |             </ul>
 89 |             <p>تذكر أن مؤشر كتلة الجسم هو دليل عام فقط. استشر طبيبك للحصول على تقييم صحي شامل.</p>
 90 |         </div>
 91 |     </div>
 92 | 
 93 |     <script>
 94 |         async function calculateBMI() {
 95 |             const weight = document.getElementById('weight').value;
 96 |             const height = document.getElementById('height').value;
 97 |             if (!weight || !height) {
 98 |                 alert('يرجى إدخال الوزن والطول');
 99 |                 return;
100 |             }
101 | 
102 |             try {
103 |                 console.log(`Sending request to API with weight=${weight} and height=${height}`);
104 |                 const response = await fetch(`http://127.0.0.1:8000/calculate_bmi?weight=${encodeURIComponent(weight)}&height=${encodeURIComponent(height)}`);
105 |                 console.log(`Received response: ${response.status} ${response.statusText}`);
106 |                 if (!response.ok) {
107 |                     throw new Error('Network response was not ok');
108 |                 }
109 |                 const data = await response.json();
110 |                 console.log(`Received data: ${JSON.stringify(data)}`);
111 |                 document.getElementById('result').innerHTML = `<strong>مؤشر كتلة الجسم:</strong> ${data.bmi.toFixed(2)}<br><strong>النتيجة:</strong> ${data.message}`;
112 |             } catch (error) {
113 |                 console.error('There was a problem with the fetch operation:', error);
114 |                 document.getElementById('result').innerHTML = 'حدث خطأ أثناء الاتصال بالخادم';
115 |             }
116 |         }
117 |     </script>
118 | </body>
119 | </html>


--------------------------------------------------------------------------------