Note The code is private. Please contact me on WhatsApp if you require access to it.
- Introduction
- Features
- Permissions
- Compatibility
- Code at a glance
- System requirements
- How to use book reader
Book reader is an application where user can explore new and diffrent kind of books. User can enjoy books by reading or listening book audio.
- Book reader an application for reading and listening book.
- You can find buy link of book at bottom of book discription. If you like any book, you can purchase it online.
- Total views, total likes of books are visible in book discription page and you can like and add to library any book.
- User can search book buy category or by book title and find diffrent kind of books.
- Add book to library in case if user wants to read this book later. This data saved online so you can check you library list in any phone.
- At home page you can find your recent readed book and recommended book for you. This app suggested you some book which suit for you, according to your interest.
- You can also check most trending book in home and explore page.
- Change you profile name and phone number.
- Login with your facebook or google account in just few simple steps.
On Android versions prior to Android 6.0, book reader requires the following permissions:
- Full Network Access.
- View Network Connections.
- Run at startup.
- Read and write access to external storage.
The "Run at startup" permission is only used to check newtwork. The network access permissions are made use of for downloading content.
| Android Version | Supported |
|---|---|
| Android 10 | Yes or Higer |
| Android 9 Pie | Yes |
| Android 8.0 Oreo | Yes |
| Android 7.0 Nougat | Yes |
| Android 6.0 Marshmallow | <= No |
The table below shows the platform features used in the application and where abouts to find them in the sample.
| Framework | Usage |
|---|---|
| React Native | For native development |
| Library | Usage |
|---|---|
| native-base | Using react native ui framework |
| @react-navigation Stack, Drawer, Tab | Creating routes of android file to navigate pages in diffrent view (stack, drawer, tab) |
| react-native-fbsdk | For facebook login |
| @react-native-google-signin | For Goolge login |
| react-native-permissions | Getting internet and react write permission |
| react-native-video | Playing audio file |
| react-native-vector-icons | Vector icons |
| axios | For api calls |
| @react-native-community/netinfo | Getting information about inetrnet staus |
| Node.js | Api development in node.js. Github |
App features (more image)
| Features | Features | Features |
|---|---|---|
| Splash screen check internet connection and user login credentials | If user not login This screen will appear after splash screen | Login with facebook and goolge |
 |
 |
 |
| Read now tab show's you, your current reading, recommanded and trending books | Explore tab show's you trending, newly added and some categories books | Library tabs have all books, which you added to library |
 |
 |
 |
| Search by book title or book category | Single page have book total views, likes, read and play button, add to library, discription and buy book link at bottom of page | Read page show's you book content according to chapter, you can increase or decrease font size , jump to another chapter or go sequentially |
 |
 |
 |
| Jump to another chapter, show's you chapter list | You can update your name and phone number | Book chapter audio player (pause, play, next, previous, loop, volume, speed) |
 |
 |
 |
This is require for development and testing
- Instal node.js, React, and react native cli in your system.
- Make sure you have Android SDk tool kit installed or Android studio installed in your system.
- On your developer option and USB debugging in your android system from setting.
Now :- - Start your api
npm start - open this url in browser for loacal host port forwarding using usb
chrome://inspect/#devices - open this url in browser for debug react native app
http://localhost:8081/debugger-ui/ - adb command list to check connected device list
adb kill-server
adb start-server
<!-- Connect devices -->
adb devices
- Start your react application
npx react-native run-android
npx react-native start