Browse Source

Add mobile application development tutorial to documentation tree

pull/21730/head
Engincan VESKE 1 year ago
committed by GitHub
parent
commit
97a77f95c2
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 17
      docs/en/docs-nav.json
  2. 26
      docs/en/tutorials/mobile/index.md
  3. 2
      docs/en/tutorials/mobile/maui/index.md
  4. 2
      docs/en/tutorials/mobile/react-native/index.md

17
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"
}
]
}
]
},

26
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)

2
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.

2
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.

Loading…
Cancel
Save