{"id":21318502,"url":"https://github.com/ccoenraets/directory-ionic-nodejs","last_synced_at":"2025-07-12T02:33:28.781Z","repository":{"id":19590977,"uuid":"22841389","full_name":"ccoenraets/directory-ionic-nodejs","owner":"ccoenraets","description":"Sample Employee Directory App built with Ionic and Node.js","archived":false,"fork":false,"pushed_at":"2014-08-11T15:33:38.000Z","size":1806,"stargazers_count":206,"open_issues_count":4,"forks_count":99,"subscribers_count":23,"default_branch":"master","last_synced_at":"2024-06-20T13:15:56.954Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ccoenraets.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-08-11T14:13:31.000Z","updated_at":"2024-03-28T14:29:28.000Z","dependencies_parsed_at":"2022-08-24T13:56:16.585Z","dependency_job_id":null,"html_url":"https://github.com/ccoenraets/directory-ionic-nodejs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccoenraets%2Fdirectory-ionic-nodejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccoenraets%2Fdirectory-ionic-nodejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccoenraets%2Fdirectory-ionic-nodejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccoenraets%2Fdirectory-ionic-nodejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ccoenraets","download_url":"https://codeload.github.com/ccoenraets/directory-ionic-nodejs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225787446,"owners_count":17524108,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-21T19:14:43.037Z","updated_at":"2024-11-21T19:14:43.501Z","avatar_url":"https://github.com/ccoenraets.png","language":"JavaScript","funding_links":[],"categories":["And A Bunch More! (I am in the process of sorting these)"],"sub_categories":[],"readme":"[![Deploy](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)\n\n# Employee Directory with Ionic and Node\n\nEmployee directory is a sample application that allows you to look up employees by name, view the details of an employee,\ncall, text, or email an employee, and navigate up and down the org chart.\n\nThis version of Employee Directory is built with [Ionic](http://ionicframework.com/) and [Node.js]().\n\n![alt tag](assets/directory_search.png)\n\n![alt tag](assets/directory_details.png)\n\n![alt tag](assets/directory_reports.png)\n\nYou can test the application in your browser:\n- Using the hosted version\n- By running the application's Node.js server locally\n- By deploying the application's Node.js server on Heroku\n\nYou can also run the application as a hybrid app in Cordova.\n\n## Hosted Version\n\nClick [here](http://ionic-directory.herokuapp.com) to run the hosted version in your browser.\n\n## Running the Node.js Server Locally\n\n1. Make sure you have an up-to-date version of Node.js installed on your system. If you don't have Node.js installed, you can install it from [here](http://nodejs.org/).\n\n1. Clone this repository\n\n1. On the command line, navigate (cd) to the **directory-ionic-nodejs** folder\n\n1. Install the server dependencies\n\n  ```\n  npm install\n  ```\n\n1. Start the server\n\n  ```\n  node server\n  ```\n\n1. Open a browser and access: [http://localhost:5000](http://localhost:5000)\n\n\n## Deploying the Node.js Server to Heroku\n\nClick the \"Deploy to Heroku\" button at the top of this page to deploy the application to your own Heroku instance.\n\n\n## Running in Cordova\n\n### Step 1: Install Ionic\n\n1. Make sure you have an up-to-date version of Node.js installed on your system. If you don't have Node.js installed, you can install it from [here](http://nodejs.org/).\n\n1. Open a terminal window (Mac) or a command window (Windows), and install Cordova and Ionic:\n\n  ```\n  npm install -g cordova ionic\n  ```\n\n  On a Mac, you may have to use **sudo** depending on your system configuration:\n\n  ```\n  sudo npm install -g cordova ionic\n  ```\n\n1. If you already have Cordova and Ionic installed on your computer, make sure you update to the latest version:\n\n  ```\n  npm update -g cordova ionic\n  ```\n\n  or\n\n  ```\n  sudo npm update -g cordova ionic\n  ```\n\n### Step 2: Create the application\n\n1. Using the Ionic CLI, create an application named **employee-directory**:\n\n  ```\n  ionic start employee-directory\n  ```\n\n1. Delete the default ***www*** folder in the ***employee-directory*** folder that was just created\n\n1. Copy the ***www*** folder from this repository to the Ionic project's ***employee-directory*** folder\n\n1. Modify ***www/js/services.js*** and specify the URL where your Node.js server is running. For example:\n\n ```\n angular.module('directory.services', ['ngResource'])\n     .factory('Employees', function ($resource) {\n         return $resource('http://ionic-directory.herokuapp.com/employees/:employeeId/:data');\n     });\n ```\n\n\n### Step 3: Building for iOS\n\n\u003e You need the iOS SDK installed on your computer to build an iOS version of your application\nusing the steps below.\n\n1. On the command line, make sure you are in the **employee-directory** folder\n\n1. Add support for the iOS platform:\n\n    ```\n    ionic platform add ios\n    ```\n\n1. Build the project:\n\n    ```\n    ionic build ios\n    ```\n\n1. Open **employee-directory.xcodeproj** in the **employee-directory/platforms/ios** folder\n\n1. In Xcode, run the application on a device connected to your computer or in the iOS emulator\n\n\n### Step 4: Building for Android\n\n\u003e You need the Android SDK installed on your computer to build an Android version of your\napplication using the steps below.\n\n1. Make sure the Android SDK and the ant build tool are available on your system. The Android SDK is available [here](http://developer.android.com/sdk/index.html). **Both the android and ant tools must be available in your path**. To test your configuration, you should be able to execute both **android** and **ant** from the command line.\n\n1. On the command line, make sure you are in the **employee-directory** folder\n\n1. Add support for the Android platform:\n\n    ```\n    ionic platform add android\n    ```\n\n1. Build the project:\n\n    ```\n    ionic build android\n    ```\n\n    The project is built in the **employee-directory/platforms/android** folder\n\n\n1. To build and run the application on an Android device connected to your computer using a USB cable:\n\n    ```\n    ionic run android\n    ```\n\n1. To build and run the application in the Android emulator:\n\n    ```\n    ionic emulate android\n    ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fccoenraets%2Fdirectory-ionic-nodejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fccoenraets%2Fdirectory-ionic-nodejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fccoenraets%2Fdirectory-ionic-nodejs/lists"}