feat: add profile pic in the result

README.md

@@ -19,7 +19,7 @@ https://github.com/user-attachments/assets/87f1dab4-c7fa-4b39-8842-94859116fc87
 ## About The Project
 
 LinkedIngest is a web application that converts LinkedIn profiles into structured text format optimized for feeding to Large Language Models (LLMs). It extracts comprehensive profile information including:
-- Basic info (name, headline, location)
+- Basic info (name, headline, location, profile picture)
 - Experience history
 - Education background
 - Projects
@@ -155,6 +155,7 @@ The main API endpoint of LinkedIngest is `/api/profile/<profile-id>`. The respon
 ```
 {
   "full_name": "string",
+  "picture_url" : "string",
   "summary": "formatted string",
   "experience": "formatted string",
   "education": "formatted string",

backend/app/api/linkedin.py

@@ -241,6 +241,10 @@ async def _get_ingest(self, public_id: str) -> ProfileResponse:
         profile_data["raw"] = RawData(profile=raw_profile_data, posts=raw_posts_data)
 
         try:
+            profile_data["picture_url"] = ""
+            profile_data["picture_url"] += raw_profile_data["displayPictureUrl"] + " "
+            profile_data["picture_url"] += raw_profile_data["img_100_100"]
+
             profile_data["full_name"] = raw_profile_data["firstName"] + " "
             if raw_profile_data.get("middleName", False):
                 profile_data["full_name"] += raw_profile_data["middleName"] + " "

backend/app/models/profile.py

@@ -6,6 +6,7 @@ class RawData(BaseModel):
 
 class ProfileResponse(BaseModel):
     full_name: str
+    picture_url: str
     summary: str
     experience: str
     education: str

frontend/src/components/ProfileDisplay.jsx

@@ -4,6 +4,7 @@ import RibbonBar from './RibbonBar';
 function ProfileDisplay({ profile }) {
   const [visibleSections, setVisibleSections] = useState({
     summary: true,
+    picture_url: true,
     experience: true,
     education: true,
     honors: true,