https://github.com/5j54d93/google-blogger-ios-app
List posts with infinite scroll from Google Blogger API in MVVM architecture, and using SwiftUI to design like Medium iOS App, which could read, search, save, comment posts, and so many excellent features！
https://github.com/5j54d93/google-blogger-ios-app
api apple appstorage asyncimage blogger coredata google guesture infinite-scroll ios ipad iphone medium mvvm swift swiftui watchos webkit widget xcode
Last synced: 8 months ago
JSON representation
List posts with infinite scroll from Google Blogger API in MVVM architecture, and using SwiftUI to design like Medium iOS App, which could read, search, save, comment posts, and so many excellent features！
- Host: GitHub
- URL: https://github.com/5j54d93/google-blogger-ios-app
- Owner: 5j54d93
- License: mit
- Created: 2022-01-19T16:19:04.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-18T11:15:49.000Z (almost 4 years ago)
- Last Synced: 2024-05-20T22:42:57.236Z (about 2 years ago)
- Topics: api, apple, appstorage, asyncimage, blogger, coredata, google, guesture, infinite-scroll, ios, ipad, iphone, medium, mvvm, swift, swiftui, watchos, webkit, widget, xcode
- Language: Swift
- Homepage: https://medium.com/海大-ios-app-程式設計/google-blogger-部落格-ios-app-7a11eb74df90
- Size: 81.7 MB
- Stars: 12
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Google Blogger iOS App
[](https://github.com/5j54d93/Google-Blogger-iOS-App/actions/workflows/swift.yml)
[](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/LICENSE)
List posts with infinite scroll from [**Google Blogger API**](https://developers.google.com/blogger/docs/3.0/using?hl=en) in MVVM architecture, and using [**SwiftUI**](https://developer.apple.com/xcode/swiftui/) to design like [**Medium iOS App**](https://apps.apple.com/tw/app/medium/id828256236), which could read, search, save, comment posts, and so many excellent features！
> **Demo GIF**：iPhone 13 Pro Max
> YouTube Demo Video：[**youtu.be/xL209rnT73M**](https://youtu.be/xL209rnT73M)
## Overview
1. [**How To Use**](https://github.com/5j54d93/Google-Blogger-iOS-App#how-to-use)
2. [**Architecture Design、Features、Explanation**](https://github.com/5j54d93/Google-Blogger-iOS-App#architecture-designfeaturesexplanation)
- [Models／BloggerFeedJSONModel](https://github.com/5j54d93/Google-Blogger-iOS-App#modelsbloggerfeedjsonmodel)
- [ContentView](https://github.com/5j54d93/Google-Blogger-iOS-App#contentview)
- [HomeView](https://github.com/5j54d93/Google-Blogger-iOS-App#homeview)
- [HomeTagView](https://github.com/5j54d93/Google-Blogger-iOS-App#hometagview)
- [AddTagButtomSheetView](https://github.com/5j54d93/Google-Blogger-iOS-App#addtagbuttomsheetview)
- [EntryRowView](https://github.com/5j54d93/Google-Blogger-iOS-App#entryrowview)
- [PostView](https://github.com/5j54d93/Google-Blogger-iOS-App#postview)
- [ExploreView](https://github.com/5j54d93/Google-Blogger-iOS-App#exploreview)
- [SavedView](https://github.com/5j54d93/Google-Blogger-iOS-App#savedview)
- [AuthorView](https://github.com/5j54d93/Google-Blogger-iOS-App#authorview)
- [Widget](https://github.com/5j54d93/Google-Blogger-iOS-App#widget)：iPad Pro（12.9-inch、5th generation）
- [Watch](https://github.com/5j54d93/Google-Blogger-iOS-App#watch)：Apple Watch Series 7 - 45mm
3. [**License：MIT**](https://github.com/5j54d93/Google-Blogger-iOS-App#licensemit)
## How To Use
1. Simply click on the green「Code」button on top right
2. click「Open with Xcode」
3. Having fun to explore this Google Blogger iOS App！
if nothing happen：
- Download this repository via `git clone` or from [Releases](https://github.com/5j54d93/Google-Blogger-iOS-App/releases)
```shell
git clone https://github.com/5j54d93/Google-Blogger-iOS-App --depth
```
## Architecture Design、Features、Explanation
### [Models／BloggerFeedJSONModel](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Models/BloggerFeedJSONModel.swift)
- use `CodingKey` to change label in JSON data fetched from API
### [ContentView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/ContentView.swift)
- `TabView`：[`HomeView()`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/HomeView.swift)、[`ExploreView()`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Explore/ExploreView.swift)、[`SavedView()`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Saved/SavedView.swift)、[`AuthorView()`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Author/AuthorView.swift)
- use `.environment(\.symbolVariants, .none)` to prevent `tabItem` with default `.fill` icon type
- only change `tabItem` icon type to `.fill` when selected
### [HomeView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/HomeView.swift)
- Show「You're offline」if we can't fetch data from API
- `.scrollTo()` top when user click on `TabView`'s `tabItem`
- when there's more posts to load, show `ProgressView()` at list bottom with `.onAppear` to achieve infinite scroll
- use `.refreshable` to let list could refresh when been pull down
#### [HomeTagView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/HomeTagView.swift)
- display tags with `ScrollView(.horizontal, showsIndicators: false)`
- click first plus button could triger bottomSheet（[`AddTagButtomSheetView`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/AddTagButtomSheetView.swift)）to add tag to `Core Data`
- show tags that store in `Core Data`
- `.onLongPressGesture` tag could show delete icon aside which on click could delet tag form `Core Data`
#### [AddTagButtomSheetView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/AddTagButtomSheetView.swift)
- couldn't add the same tag multiple times
#### [EntryRowView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/HomeTagView.swift)
- use `.prefix(3)` to only show the first 3 items in array with `ForEach`
- deal with post's thumbnail url to get higher resolution image
```swift
let resVarId = thumbnail.url.lastIndex(of: "s") ?? thumbnail.url.endIndex
let fullResUrl = thumbnail.url[..
#### [PostView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Home/PostView.swift)
- use `WebKit`：[`WKWebView`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/WebKit/BrowserView.swift) to show web
### [ExploreView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Explore/ExploreView.swift)
- recommended search words（posts topics）with `ScrollView(.horizontal, showsIndicators: false)` from API
- search post from API
- show recommendation posts with different UI if there's no search word
### [SavedView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Saved/SavedView.swift)
- if there's no posts saved in `Core Data`, click「Start browsing」could change tab to [`ExploreView`](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Explore/ExploreView.swift)
- only show post title & post thumbnail when `List`：`editMode.isEditing`
### [AuthorView](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/Blogger/Views/Author/AuthorView.swift)
- if user click on version tag 5 times could change Blogger url in API to change this app's content！
### [Widget](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/BloggerWidget/BloggerWidget.swift)
> **Widgets**：iPad Pro（12.9-inch、5th generation）
- 4 different size
- UI design like [Apple News](https://www.apple.com/apple-news/)
- data fetch from API to get the newest posts
- we also call API on `getSnapshot` in addition to `getTimeline`
### [Watch](https://github.com/5j54d93/Google-Blogger-iOS-App/tree/main/BloggerWatch%20WatchKit%20Extension)
> **watchOS**：Apple Watch Series 7 - 45mm
- UI design with SwiftUI
- data fetch from API
- two clickable `Button` in a row of `List`
## License：MIT
This package is [MIT licensed](https://github.com/5j54d93/Google-Blogger-iOS-App/blob/main/LICENSE).