Project Setup For "Reading App Using React Native" (Dec 2025)

To See All React Native Articles: Index of Lessons in Technology

1. Clone the repository.

https://github.com/ashishjain1547/pvt_reading_mobile_app_using_react_native

2. Create a local working copy.

/home/jain/Desktop/ws/react_native_apps/Reading_App_For_Bright_Orange

3. Connect test device (phone/tablet) with the laptop

How I enabled "Wireless Debugging" on my Samsung phone

4. Trial launch of the app on the test device (phone/tablet)

5. Check whether the backend API is operational.

https://ashishjain1545.pythonanywhere.com/



6. Setup the local database (MySQL)

DB Details (local and remote) can be found here: 
/home/jain/Desktop/ws/react_native_apps/Reading_App_For_Bright_Orange/design_documents/flask_app.py


db_details = {
    "host": "localhost",
    "user": "ashish",
    "password": "pass",
    "database": "reading_app_v2"
}

Testing in MySQL Workbench (local)




Checking if remote DB also has this one table: reading_artifacts



Query: show tables;

Well: the mobile app on the device won't be able to connect to local DB so we would need to work with the hosted (remote) DB.

7: Getting 'create' statement for a table

Query: SHOW CREATE TABLE reading_artifacts;

CREATE TABLE `reading_artifacts` (
  `id` int NOT NULL AUTO_INCREMENT,
  `book_title` varchar(255) DEFAULT NULL,
  `sequence_number_as_per_book` int DEFAULT NULL,
  `reading_artifact_type` varchar(150) NOT NULL,
  `reading_artifact_title` varchar(4000) DEFAULT NULL,
  `reading_artifact_text` varchar(4000) DEFAULT NULL,
  `reading_artifact_metadata` longtext,
  `image_base64` mediumtext,
  `description_hindi` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `soft_delete_flag` tinyint(1) NOT NULL DEFAULT '0',
  `date_created` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=31 DEFAULT CHARSET=utf8mb3;

8: Basic Report From 'reading_artifacts'

select id, book_title, sequence_number_as_per_book, reading_artifact_type, reading_artifact_title from reading_artifacts order by book_title, reading_artifact_type, sequence_number_as_per_book;

9: How to launch the app

$ pwd
/home/jain/Desktop/ws/private/pvt_reading_mobile_app_using_react_native

TO START THE METRO SERVER:
$ npx react-native start


TO CHECK IF YOUR DEVICE IS CONNECTED:
(base) jain@jain-ThinkPad-T440s:~/Desktop/ws/private/pvt_reading_mobile_app_using_react_native$ adb devices
List of devices attached
adb-R9ZY3098GYX-8MEOzx._adb-tls-connect._tcp	device


TO RUN THE APP ON THE DEVICE:
$ npx react-native run-android

Tags: Technology,React Native,