-
Gurukul Wisdom – Android App Building Commands
Android App Development Commands Clearing Metro Cache: npx react-native start – reset-cache
-
Gurukul Wisdom – Installing Required Dependencies
Installing Required Dependencies Install The Required Libraries: # Core Navigation npm install @react-navigation/native @react-navigation/bottom-tabs @react-navigation/native-stack npm install @react-navigation/stack # React Navigation Dependencies npm install react-native-screens react-native-safe-area-context # Firebase npm install @react-native-firebase/app @react-native-firebase/auth @react-native-firebase/firestore # State Management npm install @reduxjs/toolkit react-redux redux-persist @react-native-async-storage/async-storage npm install react-native-safe-area-context # UI Components & Icons # Install only the icon families you need npm install @react-native-vector-icons/ionicons npm install @react-native-vector-icons/material-icons npm install @react-native-vector-icons/fontawesome npm install react-native-svg react-native-svg-transformer # Video Player npm install react-native-video # Progress Components npm install react-native-circular-progress # Form & Validation npm install formik yup # Utilities npm install axios moment lodash # Development
-
Gurukul Wisdom – Project Folder Setup In React Native
Project Folder Set Up Using React Native Project Directory Structure: GurukulWisdom/ ├── src/ │ ├── navigation/ │ │ ├── BottomTabNavigator.tsx │ │ └── RootNavigator.tsx │ ├── screens/ │ │ ├── Home/ │ │ │ ├── HomeScreen.tsx │ │ │ ├── components/ │ │ │ │ ├── ExamSelector.tsx │ │ │ │ ├── ContinueWatching.tsx │ │ │ │ ├── TodaysFocus.tsx │ │ │ │ ├── ProgressCard.tsx │ │ │ │ └── WhyThisWorks.tsx │ │ ├── Syllabus/ │ │ │ ├── SyllabusScreen.tsx │ │ │ ├── SubjectDetailScreen.tsx │ │ │ └── components/ │ │ │ ├── SubjectCard.tsx │ │ │ └── TopicItem.tsx
-
Gurukul Wisdom – Project Set Up Using React Native.
Project Folder Set Up Using React Native Installing Required Software Tools(One Time) : STEP 1: Configure Android Environment Variables STEP 2: Create Android Emulator (AVD) STEP 3: Install React Native CLI npm install -g react-native-cli npx react-native – version STEP 4: Create React Native Project npx @react-native-community/cli@latest init GurukulWisdomSourceCode cd GurukulWisdomSourceCode code . STEP 5: Start Metro Server npx react-native start STEP 6: Run App on Android Emulator npx react-native run-android STEP 7: Connect VS Code to Emulator
-
Gurukul Wisdom – Frontend Design Architecture
Front End Designing Architecture
