Reel Ready Set Designer Front-End

Description

This is an Ionic project that handles the front-end of the Set Designers application for Reel Ready. The application only has one user and is a prototype. Users can find products, add projects, create product placements, and send and receive requests to use products on set.

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js
• npm
• Ionic CLI (to install type: npm install -g @ionic/cli)
• Gradle (For mobile simulation)
• A modern web browser

Installation

Follow these steps to install the project:

1. Clone the repository:

      git clone <repository-url>

2. Navigate to the project directory:

      cd <project-directory>

3. Install the project dependencies:

     npm install

Running the Project

1. Run the API:

   Run the Backend API

2. Run the application:

     ionic serve

3. Open your web browser and navigate to:

     http://localhost:8100

You should see the application running in your browser. The web browser should also appear in the terminal.

Test on android virtual machine

1. Ensure Gradle is downloaded

   Install at https://gradle.org/

2. Install Android Studio

   Install at https://developer.android.com/studio?gad_source=1&gclid=Cj0KCQjw05i4BhDiARIsAB_2wfAwqNwYxUMrvpFZ_Rx8yCDefwJydP3zBl90s5n3IHMB7lxlhpR9ssgaAkCPEALw_wcB&gclsrc=aw.ds

3. Ensure the api link is set to a HTTPS request

   This will require uploading the Backend API to a server. Then Under base_information.ts in the src folder change the url constant to equal the URL your API is hosted at. Keep the / at the end.

4. Build Ionic project

      ionic build

5. Add the Android platform

      npx cap add android

6. Open in android studio by running

      npx cap open android

7. Run simulation

   Command:

      npx cap run android

   Or run in android studio

Test on ios virtual machine

Must require a mac (I don't have one so don't know if this will work)

1. Test on ios virtual machine

     npx cap add ios           

2. Open in Xcode

     npx cap open ios

   or

      open ios/App/App.xcworkspace   

3. Run ios app

     npx cap run ios