React-Native實踐: 資源共享且專一讀書 的圖書APP 「目前已適配兩端」

最初寫這個項目就是知足本身讀書的要求同時擴展一下知識技能,後來發現周圍不少認識的人都有閱讀電子書的訴求,無奈不少第三方軟件大多收費,因此乾脆本身好好去寫一個以資源共享爲主題的圖書,讓獲取知識的途徑更加「便捷」。node

在線體驗

經過下面的二維碼,能夠在手機中安裝體驗React-Native-share-bookreact

二維碼 描述
Android
鏈接下載apk
IOS 尚無開發者證書,若是感興趣,可參考項目本地運行 👍

本項目全部接口均是利用 eggjs 寫的一套 node 服務,項目 API - 接口文檔git

項目地址, 歡迎交流討論,喜歡的話 "Star" 鼓勵一下 謝謝! ^_^github

效果演示

書城頁

instructions Preview(IOS) Preview(Android)
書城承載了全部圖書資源,主要包含一級分類模塊(如:文學、小說等大類),輪播模塊,前期主要放一些圖書及公告信息等,猜你喜歡模塊,根據用戶瀏覽密度定向推薦一些書籍

列表頁

instructions Preview(IOS) Preview(Android)
圖書資源列表展現頁,主要包含二級分類篩選模塊,用於更細粒度的篩選;圖書列表模塊,展現圖書信息,支持下拉/上拉刷新等簡單基礎功能

詳情頁

instructions Preview(IOS) Preview(Android)
主要用於介紹每一本書詳細信息,主要包含圖書卡片(如:封面,做者,標籤等),圖書總體內容簡單概要說明文字,做者信息簡介等信息的簡單介紹;提供閱讀入口,加入書架等操做

閱讀器頁

instructions Preview(IOS) Preview(Android)
用於解析資源,閱讀的容器,實現基本的目錄定位,閱讀進度,換膚、閱讀模式切換等基本功能,本APP定位爲簡單好用便可,故後期也不會去擴展筆記標籤等功能。

註冊頁

instructions Preview(IOS) Preview(Android)
提供用戶註冊的頁面,生成帳戶的頁面,主要提供四個類目信息,頭像(支持相機取照,相冊取照)帳號,密碼,手機號(特別說明:因一些緣由,不考慮作手機短信驗證和郵箱驗證)

登陸頁

instructions Preview(IOS) Preview(Android)
用於用戶登陸的頁面, 提供找回密碼 和註冊和第三方登陸(目前這個功能屬迭代功能點,基礎版本暫且不上)的入口

個人頁

instructions Preview(IOS) Preview(Android)
主要放一些展現用戶信息,設置等將在後期迭代更新的功能點入口(主要是用戶閱讀歷史統計,分享,收藏等...)

我的信息頁及書架

instructions Preview(IOS) Preview(Android)
主要用於展現用戶我的信息,及編輯我的信息特別說明:帳號和手機號碼是不提供修改的,註冊既定。頭像和暱稱等是可修改的

設置頁

instructions Preview(IOS) Preview(Android)
主要承載一些基礎功能展現,及編輯的功能頁面,目前,主要是:清緩存,關於咱們這個項目信息,退出登陸等的入口

搜索頁

instructions Preview(IOS) Preview(Android)
用於快捷搜索圖書,主要檢索圖書名稱, 後期會慢慢加上多字段檢索,搜索熱度,搜索推薦等功能點

TODO

接下來的開發重點緩存

  • 項目總體體驗優化
  • 代碼層面及性能優化(這塊得多花點心思,深刻一下react
  • 持續性的資源整合

計劃中性能優化

  • 書架移除交互 - 由長按改成拖動移除
  • 總體適配...

已知 Bugapp

  • 閱讀器界面橫向翻頁,不流暢。(後期將重構該頁面)
相關文章
相關標籤/搜索