ianburke1 / thirdyearproject

3rd Year Project for Computing Software Development level 7 GMIT 2017

3rd Year Main Project

Design Document

Check out the Wiki for the design document

Video

Click here to check out the video I uploaded on Youtube showing how to run the application.

Installation and Configuration Manual

Download the Install&ConfigManual word document above to install the various technologies used in this project.

User Guide

Once the installation and configuration is done. Here are the following steps on how to run the the database, server and the ionic app together. Download MyApp2/ folder and Server folder above.

Step 1: Launch MongoDB server

To launch the MongoDB server, we must locate the executable files in the MongoDB Server binary folder. Open a command terminal and enter the following:

$ cd/

Cd/ will change back to the root directory. Once in the root directory, we need to go into the Program Files directory

$ cd "Program Files" 

A shortcut to this is typing the first few words like "pro" and then press the tab button to bring up the full word. Once in the Program Files directory, we must go into the MongoDB directory.

$ cd MongoDB 

Then cd into the server directory..

$ cd server 

Use version 3.4..

$ cd 3.4 

cd into the bin folder which contains all the executable files.

$ cd bin

Once you are inside the bin folder, enter mongod command to launch the server.

$ mongod

Step 2: Launch the Node Server

In the Server folder there are two files. The package.json file is used to specify dependencies to be installed by NPM (Node Package Manager). Server.js is the actual server file. To launch the server, open up another command terminal and locate the server directory using the cd (change directory) command. Once you are in the server directory, enter the following command to launch the server:

$ node server.js

Once the MongoDB server and the Node server are running, we can now launch the Ionic 2 app.

Step 3: Launh Ionic 2

First you must locate the MyApp2 directory containing the Ionic 2 project. Open up another (No.3) command terminal and cd into MyApp2 directory. Once you are inside the directory, enter the following command to run the Ionic app:

• Note: 'ionic serve' command will run the app on your local browser
• We will be using 'ionic lab'. This feature makes it easy to run the app in a phone frame and with iOS and Android platforms side by side.

$ ionic lab

'Once the Ionic app is running, you can test it out!'

thirdyearproject's Issues

Ionic 2 Search Bar problem

How to cancel a search and restore the list of items back to normal?

Search bar code:

`   getItems(ev: any) {
    // Reset items back to all of the items
    this.initializeItems();
    // set val to the value of the searchbar
    let val = ev.target.value;

    // if the value is an empty string don't filter the items
    if (val && val.trim() != '') {
      this.reviews = this.reviews.filter((game) => {
        return (game.name.toLowerCase().indexOf(val.toLowerCase()) > -1);
      })
    }
  } //End of getItems`

Rating Component

I want to use the 5 stars rating component but there doesn't seem to be any documentation on Ionic website.

Pictures for wiki

Git commit error

fatal: Unable to create '/.git/index.lock': File exists.

Another git process seems to be running in this repository, e.g.
an editor opened by 'git commit'. Please make sure all processes
are terminated then try again. If it still fails, a git process
may have crashed in this repository earlier:
remove the file manually to continue.