innovativeGem / tribal-app

Tribal App

Created an app to output a menu to select a person based on their gender and list down all their pets.

Tech

• Angular CLI - HTML enhanced for web apps!
• node.js - fast node.js network app framework
• Twitter Bootstrap - great UI boilerplate for modern web apps
• SCSS - CSS preprocessor

Installation

Open Terminal/Command prompt on your system.

Install the dependencies and devDependencies and start the server.

$ git clone https://github.com/innovativeGem/tribal-app.git
$ npm install
$ ng serve

For production environments...

$ ng build

Accomplishment

As per the project brief, i have achieved following

• Added a menu to list all people based on their gender.
• When user selects a person, app lists down all their pets based on their type and name.
• Added 2 child components namely Menu and Pets
• Loaded Mock JSON data into my application.
• Created a Service to load JSON data.
• Make app responsive using SCSS and Bootstrap.
• Unit tested my application without any errors.
• I have taken few screenshots of my work and placed it in root assets directory (App Screenshot 1, App Screenshot 2, App Screenshot 3, App Screenshot 4, Karma Unit Tests)

Hick-up

• Had to creat mocked JSON as linking to http://test.stage.tribalddbmelb.com.au/ showed an error saying 'No Access-Control-Allow-Origin' header (Click here for error message).

Thank you!