{"id":4252,"date":"2023-11-04T23:14:10","date_gmt":"2023-11-04T23:14:10","guid":{"rendered":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/"},"modified":"2023-11-05T05:47:55","modified_gmt":"2023-11-05T05:47:55","slug":"how-to-build-a-todo-list-app-with-csharp-and-xamarin","status":"publish","type":"post","link":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/","title":{"rendered":"How to Build a Todo List App with CSharp and Xamarin"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>In this tutorial, we will walk through the process of building a todo list app using C# and Xamarin. Xamarin is a cross-platform development framework that allows us to write applications for Android, iOS, and Windows using the .NET language. We will use Visual Studio as our IDE to develop and build the app.<\/p>\n<p>The app we are going to build will have the following functionality:<br \/>\n&#8211; Ability to add tasks to the todo list<br \/>\n&#8211; Ability to mark tasks as completed<br \/>\n&#8211; Ability to delete tasks from the todo list<br \/>\n&#8211; Ability to filter tasks based on their completion status<\/p>\n<p>By the end of this tutorial, you will have a functioning todo list app that you can run on Android and iOS devices.<\/p>\n<h2>Prerequisites<\/h2>\n<p>To follow along with this tutorial, you will need the following:<\/p>\n<ul>\n<li>Visual Studio 2019 (or later) with the following workloads installed:\n<ul>\n<li>Mobile development with .NET (Xamarin)<\/li>\n<\/ul>\n<\/li>\n<li>An Android or iOS device or emulator to run the app on.<\/li>\n<\/ul>\n<h2>Step 1: Create a new Xamarin.Forms project<\/h2>\n<p>Let&#8217;s start by creating a new Xamarin.Forms project in Visual Studio:<\/p>\n<ol>\n<li>Open Visual Studio and select &#8220;Create a new project&#8221;.<\/li>\n<li>In the search box, type &#8220;Mobile App (Xamarin.Forms)&#8221; and select the template.<\/li>\n<li>Choose a name and location for your project, and click &#8220;Create&#8221;.<\/li>\n<li>In the next dialog, select &#8220;Blank&#8221; as the template and check both &#8220;Android&#8221; and &#8220;iOS&#8221; projects.<\/li>\n<li>Click &#8220;Create&#8221; to create the project.<\/li>\n<\/ol>\n<p>Visual Studio will create a new Xamarin.Forms project with 3 projects: a shared .NET Standard library, an Android project, and an iOS project.<\/p>\n<h2>Step 2: Design the user interface<\/h2>\n<p>Next, we will design the user interface for our app. Open the <code>MainPage.xaml<\/code> file in the shared project and replace the existing XAML code with the following:<\/p>\n<pre><code class=\"language-xaml\">&lt;ContentPage \n             xmlns_x=\"http:\/\/schemas.microsoft.com\/winfx\/2009\/xaml\"\n             x_Class=\"TodoListApp.MainPage\"\n             Title=\"Todo List\"&gt;\n\n    &lt;ContentPage.Content&gt;\n        &lt;StackLayout&gt;\n            &lt;ListView x_Name=\"taskListView\" ItemsSource=\"{Binding Tasks}\" \n                      HasUnevenRows=\"True\" SelectionMode=\"None\"&gt;\n                &lt;ListView.ItemTemplate&gt;\n                    &lt;DataTemplate&gt;\n                        &lt;ViewCell&gt;\n                            &lt;StackLayout Orientation=\"Horizontal\" Padding=\"10\"&gt;\n                                &lt;CheckBox IsChecked=\"{Binding IsCompleted}\" \/&gt;\n                                &lt;Label Text=\"{Binding Description}\" VerticalTextAlignment=\"Center\" \/&gt;\n                            &lt;\/StackLayout&gt;\n                        &lt;\/ViewCell&gt;\n                    &lt;\/DataTemplate&gt;\n                &lt;\/ListView.ItemTemplate&gt;\n            &lt;\/ListView&gt;\n\n            &lt;StackLayout Orientation=\"Horizontal\" Padding=\"10,0\"&gt;\n                &lt;Entry x_Name=\"taskEntry\" Placeholder=\"Enter task description\" \/&gt;\n                &lt;Button Text=\"Add\" Clicked=\"OnAddClicked\" \/&gt;\n            &lt;\/StackLayout&gt;\n        &lt;\/StackLayout&gt;\n    &lt;\/ContentPage.Content&gt;\n&lt;\/ContentPage&gt;\n<\/code><\/pre>\n<p>In this XAML code, we have a <code>ListView<\/code> control that will display our tasks. Each task is represented by a <code>ViewCell<\/code> containing a <code>CheckBox<\/code> to mark the task as completed and a <code>Label<\/code> to display the task description.<\/p>\n<p>We also have an <code>Entry<\/code> control and a <code>Button<\/code> control at the bottom of the page, which will allow the user to add new tasks to the list.<\/p>\n<h2>Step 3: Create the model class<\/h2>\n<p>Next, let&#8217;s create a model class to represent a task. Right-click on the shared project and select &#8220;Add -> Class&#8221;. Name the class <code>TaskItem.cs<\/code> and replace the code with the following:<\/p>\n<pre><code class=\"language-csharp\">using System.ComponentModel;\n\nnamespace TodoListApp\n{\n    public class TaskItem : INotifyPropertyChanged\n    {\n        public event PropertyChangedEventHandler PropertyChanged;\n\n        private string description;\n        private bool isCompleted;\n\n        public string Description\n        {\n            get { return description; }\n            set\n            {\n                if (description != value)\n                {\n                    description = value;\n                    OnPropertyChanged(nameof(Description));\n                }\n            }\n        }\n\n        public bool IsCompleted\n        {\n            get { return isCompleted; }\n            set\n            {\n                if (isCompleted != value)\n                {\n                    isCompleted = value;\n                    OnPropertyChanged(nameof(IsCompleted));\n                }\n            }\n        }\n\n        protected virtual void OnPropertyChanged(string propertyName)\n        {\n            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n        }\n    }\n}\n<\/code><\/pre>\n<p>This class implements the <code>INotifyPropertyChanged<\/code> interface, which allows us to notify the UI when a property changes. It has two properties: <code>Description<\/code>, which represents the task description, and <code>IsCompleted<\/code>, which represents whether the task is completed or not.<\/p>\n<h2>Step 4: Implement the view model<\/h2>\n<p>Now, let&#8217;s create a view model class to manage the data and interaction with the UI. Right-click on the shared project and select &#8220;Add -> Class&#8221;. Name the class <code>MainViewModel.cs<\/code> and replace the code with the following:<\/p>\n<pre><code class=\"language-csharp\">using System.Collections.Generic;\nusing System.Collections.ObjectModel;\n\nnamespace TodoListApp\n{\n    public class MainViewModel\n    {\n        public ObservableCollection&lt;TaskItem&gt; Tasks { get; } = new ObservableCollection&lt;TaskItem&gt;();\n\n        public void AddTask(string description)\n        {\n            Tasks.Add(new TaskItem { Description = description });\n        }\n    }\n}\n<\/code><\/pre>\n<p>This view model class contains an <code>ObservableCollection<\/code> of <code>TaskItem<\/code> objects, which will store our tasks. It also has a method <code>AddTask<\/code> that adds a new task to the collection.<\/p>\n<h2>Step 5: Update the code-behind file<\/h2>\n<p>Next, let&#8217;s update the code-behind file for the <code>MainPage<\/code> to integrate the view model with the UI. Open the <code>MainPage.xaml.cs<\/code> file and replace the code with the following:<\/p>\n<pre><code class=\"language-csharp\">using Xamarin.Forms;\n\nnamespace TodoListApp\n{\n    public partial class MainPage : ContentPage\n    {\n        private MainViewModel viewModel = new MainViewModel();\n\n        public MainPage()\n        {\n            InitializeComponent();\n\n            BindingContext = viewModel;\n        }\n\n        private void OnAddClicked(object sender, EventArgs e)\n        {\n            string description = taskEntry.Text;\n            if (!string.IsNullOrWhiteSpace(description))\n            {\n                viewModel.AddTask(description);\n                taskEntry.Text = string.Empty;\n            }\n        }\n    }\n}\n<\/code><\/pre>\n<p>In the constructor, we set the <code>BindingContext<\/code> of the page to an instance of the <code>MainViewModel<\/code> class. This allows us to bind the <code>Tasks<\/code> property of the view model to the <code>ItemsSource<\/code> property of the <code>ListView<\/code> in the XAML code.<\/p>\n<p>We also handle the &#8220;Add&#8221; button click event to add a new task to the view model and clear the text input.<\/p>\n<h2>Step 6: Test the app on Android<\/h2>\n<p>Now, let&#8217;s test the app on an Android device or emulator:<\/p>\n<ol>\n<li>Set the Android project as the startup project by right-clicking on the Android project in the solution explorer and selecting &#8220;Set as StartUp Project&#8221;.<\/li>\n<li>Select your Android device or emulator from the device dropdown in Visual Studio.<\/li>\n<li>Click the &#8220;Start Debugging&#8221; button to build and deploy the app to the selected device or emulator.<\/li>\n<\/ol>\n<p>Once the app is running, you should be able to add tasks to the list and mark them as completed by tapping on the checkboxes.<\/p>\n<h2>Step 7: Test the app on iOS<\/h2>\n<p>Next, let&#8217;s test the app on an iOS device or simulator:<\/p>\n<ol>\n<li>Set the iOS project as the startup project by right-clicking on the iOS project in the solution explorer and selecting &#8220;Set as StartUp Project&#8221;.<\/li>\n<li>Select your iOS device or simulator from the device dropdown in Visual Studio.<\/li>\n<li>Click the &#8220;Start Debugging&#8221; button to build and deploy the app to the selected device or simulator.<\/li>\n<\/ol>\n<p>Once the app is running, you should see the same functionality as on the Android device or emulator.<\/p>\n<h2>Conclusion<\/h2>\n<p>In this tutorial, we have built a todo list app using C# and Xamarin. We learned how to create a user interface, implement a view model, and integrate the UI with the view model. We also tested the app on Android and iOS devices.<\/p>\n<p>You can further enhance the app by adding features like task filtering, editing tasks, and persisting tasks using a local database. This tutorial serves as the foundation for building more complex Xamarin apps with C#. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction In this tutorial, we will walk through the process of building a todo list app using C# and Xamarin. Xamarin is a cross-platform development framework that allows us to write applications for Android, iOS, and Windows using the .NET language. We will use Visual Studio as our IDE to <a href=\"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\" class=\"btn btn-link continue-link\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[8,4,3,6,7,2,5],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Build a Todo List App with CSharp and Xamarin - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a Todo List App with CSharp and Xamarin\" \/>\n<meta property=\"og:description\" content=\"Introduction In this tutorial, we will walk through the process of building a todo list app using C# and Xamarin. Xamarin is a cross-platform development framework that allows us to write applications for Android, iOS, and Windows using the .NET language. We will use Visual Studio as our IDE to Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:14:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:47:55+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"How to Build a Todo List App with CSharp and Xamarin\",\n\t            \"datePublished\": \"2023-11-04T23:14:10+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:47:55+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\"\n\t            },\n\t            \"wordCount\": 860,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"building a mobile app\\\"\",\n\t                \"\\\"building a todo list app\\\"\",\n\t                \"\\\"C#\\\"\",\n\t                \"\\\"creating a todo list app\\\"\",\n\t                \"\\\"developing a todo list app\\\"\",\n\t                \"\\\"todo list app\\\"\",\n\t                \"\\\"Xamarin\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\",\n\t            \"name\": \"How to Build a Todo List App with CSharp and Xamarin - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:14:10+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:47:55+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How to Build a Todo List App with CSharp and Xamarin\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Build a Todo List App with CSharp and Xamarin - Pantherax Blogs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Todo List App with CSharp and Xamarin","og_description":"Introduction In this tutorial, we will walk through the process of building a todo list app using C# and Xamarin. Xamarin is a cross-platform development framework that allows us to write applications for Android, iOS, and Windows using the .NET language. We will use Visual Studio as our IDE to Continue Reading","og_url":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:14:10+00:00","article_modified_time":"2023-11-05T05:47:55+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"How to Build a Todo List App with CSharp and Xamarin","datePublished":"2023-11-04T23:14:10+00:00","dateModified":"2023-11-05T05:47:55+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/"},"wordCount":860,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"building a mobile app\"","\"building a todo list app\"","\"C#\"","\"creating a todo list app\"","\"developing a todo list app\"","\"todo list app\"","\"Xamarin\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/","url":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/","name":"How to Build a Todo List App with CSharp and Xamarin - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:14:10+00:00","dateModified":"2023-11-05T05:47:55+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/how-to-build-a-todo-list-app-with-csharp-and-xamarin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"How to Build a Todo List App with CSharp and Xamarin"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4252"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=4252"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4252\/revisions"}],"predecessor-version":[{"id":4303,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4252\/revisions\/4303"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=4252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=4252"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=4252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}