Enhanced mobile versions of MovieVerse

Author: hoangsonww

.vscode/settings.json

@@ -5,8 +5,8 @@
     "editor.tabSize": 2,
     "editor.insertSpaces": true,
     "editor.codeActionsOnSave": {
-        "source.fixAll": true,
-        "source.organizeImports": true
+        "source.fixAll": "explicit",
+        "source.organizeImports": "explicit"
     },
     "files.trimTrailingWhitespace": true,
     "files.insertFinalNewline": true,
@@ -53,4 +53,4 @@
         "ms-vscode.vscode-typescript-next",
         "dsznajder.es7-react-js-snippets"
     ]
-}
+}

MovieVerse-Mobile/.idea/codeStyles/Project.xml

@@ -21,11 +21,54 @@ MovieVerse is a dynamic, user-friendly mobile application that offers an extensi
 - **Movie Details**: Tap on any movie to view detailed information, including ratings, overviews, and more.
 - **Responsive Design**: Enjoy a consistent and engaging user experience on both iPhones and iPads.
 
+### And many more!
+
 ## Installation
 
 1. **Download the App**: Visit the App Store and search for "MovieVerse" to download and install the app on your iOS device.
 2. **Open MovieVerse**: Tap on the MovieVerse icon on your home screen to launch the app.
 
+## Development
+
+### Prerequisites
+- [Xcode](https://developer.apple.com/xcode/) 12.5 or later
+- [CocoaPods](https://cocoapods.org/) 1.10.1 or later
+- [Android Studio](https://developer.android.com/studio) 4.2.1 or later
+- [Android SDK](https://developer.android.com/studio#downloads) 30.0.3 or later
+- [Apache Cordova](https://cordova.apache.org/) 10.0.0 or later
+- [Node.js](https://nodejs.org/en/) 14.17.0 or later
+- [npm](https://www.npmjs.com/) 6.14.13 or later
+
+### Instructions
+1. **Clone the Repository**: Clone the repository to your local machine using the following command:
+```
+git clone
+```
+2. **Install Dependencies**: Navigate to the project directory and install the dependencies using the following command:
+```
+npm install
+```
+3. **Add iOS Platform**: Add the iOS platform to the project using the following command:
+```
+cordova platform add ios
+```
+4. **Add Android Platform**: Add the Android platform to the project using the following command:
+```
+cordova platform add android
+```
+5. **Build the Project**: Build the project using the following command:
+```
+cordova build ios
+cordova build android
+```
+6. **Run the Project**: Run the project using the following command:
+```
+cordova emulate ios
+cordova emulate android
+```
+7. **Open the Project**: Open the project in Xcode or Android Studio to view the source code and test the app within the simulator.
+8. **Enjoy coding!**
+
 ## Usage
 
 ### Browsing Movies
@@ -48,7 +91,7 @@ MovieVerse is a dynamic, user-friendly mobile application that offers an extensi
 
 ## Support
 
-For support, feedback, or inquiries, please email us at hoangson091104@gmail.com.
+For support, feedback, or inquiries, please email us at [info@movie-verse.com](mailto:[email protected]).
 
 ## Updates and Feedback
 

MovieVerse-Mobile/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,10 @@
+{
+  "ios": {
+    "debug": {
+      "deploymentTarget": "17.0"
+    },
+    "release": {
+      "deploymentTarget": "17.0"
+    }
+  }
+}

MovieVerse-Mobile/README.md

@@ -2,15 +2,15 @@
 <widget id="io.cordova.hellocordova" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>MovieVerse</name>
     <description>Your Ultimate Movie and Filmography Database</description>
-    <author email="hoangson091104@gmail.com" href="https://hoangsonww.github.io/My-Portfolio-Website/">
+    <author email="info@movie-verse.com" href="https://sonnguyenhoang.com/">
         David Nguyen
     </author>
     <platform name="ios">
-        <!-- iOS icons -->
+        <!-- iOS icon -->
         <icon src="www/icons/iOSIcon.png" width="180" height="180"/>
     </platform>
     <platform name="android">
-        <!-- Android icons -->
+        <!-- Android icon -->
         <icon src="www/icons/AndroidIcon.png" density="xxxhdpi"/>
     </platform>
     <content src="index.html" />