From 97a77f95c2282e2c73d3a5f2c4908f4e2c52731d Mon Sep 17 00:00:00 2001 From: Engincan VESKE Date: Wed, 25 Dec 2024 15:38:06 +0300 Subject: [PATCH 1/2] Add mobile application development tutorial to documentation tree --- docs/en/docs-nav.json | 17 ++++++++++++ docs/en/tutorials/mobile/index.md | 26 +++++++++++++++++++ docs/en/tutorials/mobile/maui/index.md | 2 ++ .../en/tutorials/mobile/react-native/index.md | 2 ++ 4 files changed, 47 insertions(+) create mode 100644 docs/en/tutorials/mobile/index.md diff --git a/docs/en/docs-nav.json b/docs/en/docs-nav.json index 67d4a77723..90c5759a84 100644 --- a/docs/en/docs-nav.json +++ b/docs/en/docs-nav.json @@ -112,6 +112,23 @@ { "text": "10: Book to Author Relation", "path": "tutorials/book-store/part-10.md" + }, + { + "text": "Mobile Application Development", + "items": [ + { + "text": "Overview", + "path": "tutorials/mobile/index.md" + }, + { + "text": "MAUI", + "path": "tutorials/mobile/maui/index.md" + }, + { + "text": "React Native", + "path": "tutorials/mobile/react-native/index.md" + } + ] } ] }, diff --git a/docs/en/tutorials/mobile/index.md b/docs/en/tutorials/mobile/index.md new file mode 100644 index 0000000000..51db427363 --- /dev/null +++ b/docs/en/tutorials/mobile/index.md @@ -0,0 +1,26 @@ +# Mobile Application Development Tutorial: Book Store Application + +> You must have an ABP Team or a higher license to be able to create a mobile application. + +Mobile application development tutorials are designed for developers who have completed [the web development part of the tutorial](../book-store/index.md) and wish to continue building the mobile version of the application. + +## Tutorials + +You can choose between two mobile applications: [**.NET MAUI**](../../framework/ui/maui/index.md) or [**React Native**](../../framework/ui/react-native/index.md). Choose your framework and continue building your mobile application! + +- Both guides assume you have completed the web development section of the tutorial and have the necessary backend APIs in place. +- Each guide is self-contained and provides step-by-step instructions to build the mobile app. + +### .NET MAUI + +The .NET MAUI tutorial walks you through creating a mobile version of your bookstore app using .NET technologies. + +* [.NET MAUI - Mobile Application Tutorial](./maui/index.md) +* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-maui-efcore-mobile) + +### React Native + +The React Native tutorial provides instructions for building the bookstore app using JavaScript. + +* [React Native - Mobile Application Tutorial](./react-native/index.md) +* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-react-native-mongodb) \ No newline at end of file diff --git a/docs/en/tutorials/mobile/maui/index.md b/docs/en/tutorials/mobile/maui/index.md index a9f1f92d75..c9bb520e57 100644 --- a/docs/en/tutorials/mobile/maui/index.md +++ b/docs/en/tutorials/mobile/maui/index.md @@ -2,6 +2,8 @@ ## About This Tutorial +> You must have an ABP Team or a higher license to be able to create a mobile application. + This tutorial assumes that you have completed the [Web Application Development tutorial](../../book-store/part-01.md) and built an ABP based application named `Acme.BookStore` with [MAUI](../../../get-started/maui.md) as the mobile option. Therefore, if you haven't completed the [Web Application Development tutorial](../../book-store/part-01.md), you either need to complete it or download the source code from down below and follow this tutorial. In this tutorial, we will only focus on the UI side of the `Acme.BookStore` application and we will implement the CRUD operations for a MAUI mobile application. This tutorial follows the [MVVM (Model-View-ViewModel) Pattern ](https://learn.microsoft.com/en-us/dotnet/architecture/maui/mvvm), which separates the UI from the business logic of an application. diff --git a/docs/en/tutorials/mobile/react-native/index.md b/docs/en/tutorials/mobile/react-native/index.md index 59170aa0b0..d2d8297fe9 100644 --- a/docs/en/tutorials/mobile/react-native/index.md +++ b/docs/en/tutorials/mobile/react-native/index.md @@ -2,6 +2,8 @@ ## About This Tutorial +> You must have an ABP Team or a higher license to be able to create a mobile application. + - This tutorial assumes that you have completed the [Web Application Development tutorial](../../book-store/part-01.md) and built an ABP based application named `Acme.BookStore` with [React Native](../../../framework/ui/react-native) as the mobile option.. Therefore, if you haven't completed the [Web Application Development tutorial](../../book-store/part-01.md), you either need to complete it or download the source code from down below and follow this tutorial. - In this tutorial, we will only focus on the UI side of the `Acme.BookStore` application and will implement the CRUD operations. - Before starting, please make sure that the [React Native Development Environment](../../../framework/ui/react-native/index.md) is ready on your machine. From e1589daa89e4a53d1af454639449463f21d4e164 Mon Sep 17 00:00:00 2001 From: Engincan VESKE Date: Thu, 26 Dec 2024 09:11:34 +0300 Subject: [PATCH 2/2] update docs-nav.json --- docs/en/docs-nav.json | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/docs/en/docs-nav.json b/docs/en/docs-nav.json index 90c5759a84..0c41accd14 100644 --- a/docs/en/docs-nav.json +++ b/docs/en/docs-nav.json @@ -112,23 +112,6 @@ { "text": "10: Book to Author Relation", "path": "tutorials/book-store/part-10.md" - }, - { - "text": "Mobile Application Development", - "items": [ - { - "text": "Overview", - "path": "tutorials/mobile/index.md" - }, - { - "text": "MAUI", - "path": "tutorials/mobile/maui/index.md" - }, - { - "text": "React Native", - "path": "tutorials/mobile/react-native/index.md" - } - ] } ] }, @@ -173,6 +156,23 @@ } ] }, + { + "text": "Mobile Application Development", + "items": [ + { + "text": "Overview", + "path": "tutorials/mobile/index.md" + }, + { + "text": "MAUI", + "path": "tutorials/mobile/maui/index.md" + }, + { + "text": "React Native", + "path": "tutorials/mobile/react-native/index.md" + } + ] + }, { "text": "Community Articles", "path": "https://abp.io/community"