Skip to content

A simple Ionic 3 app with get requests to a local JSON file. It showcases how to set up a simple service and provides some nice components for your own application.

Notifications You must be signed in to change notification settings

kristofferandreasen/simple-ionic-3-app

Repository files navigation

Ionic 3 Starter Template

This template is the tabs-starter with some additional work. It contains a set of different custom components and a simple http call to a JSON file. Furthermore, it has search implemented with a loader that shows up before the data has been rendered. There is no platform specific styling on any component other than the basic differences implemented in Ionic 3.

Imgur

Getting Started

To begin using this template, choose one of the following options to get started:

Project Structure

.
 ├── resources                    # Build files on the specific platforms (iOS, Android) and app icon + splash
 ├── src                          # This is where the app lives - *the main folder*
 ├── .editorconfig                # A helper file to define and maintain coding styles across environments
 ├── .gitignore                   # Specifies intentionally untracked files to ignore when using Git
 ├── .io-config.json              # Ionic ID
 ├── config.xml                   # Ionic config file
 ├── .ionic.config.json           # Global configuration for your Ionic app
 ├── package.json                 # Dependencies and build scripts
 ├── readme.md                    # Project description
 ├── tsconfig.json                # TypeScript configurations
 └── tslint.json                  # TypeScript linting options

src directory

.
   ├── ...
   ├── src                       
   │   ├── app                    # This folder contains global modules and styling
   │   ├── assets                 # This folder contains images and the *data.json*
   |   ├── pages                  # Contains all the individual pages (home, tabs, category, list, single-item)
   |   ├── services               # Contains the item-api service that retrieves data from the JSON file
   |   ├── theme                  # The global SCSS variables to use throughout the app
   |   ├── declarations.d.ts      # A config file to make TypeScript objects available in intellisense
   |   ├── index.html             # The root index app file - This launches the app
   |   ├── manifest.json          # Metadata for the app
   │   └── service-worker.js      # Cache configurations
   └── ...

Start the project

The project is started with the regular ionic commands.

  1. Run npm install to install all dependencies.
  2. Run ionic serve to start the development environment.
  3. To build the project run ionic build android or ionic build ios. In order for you to build an iOS app, you need to run on MacOS.

An alternative is to emulate the app on a device or upload it to the ionic cloud. From here you can download the ionic view app and use the app on all devices.

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on Github.

Creator

The template was created by and is maintained by Kristoffer Andreasen

Copyright and License

Copyright 2017 Kristoffer Andreasen. Code released under the MIT license.

About

A simple Ionic 3 app with get requests to a local JSON file. It showcases how to set up a simple service and provides some nice components for your own application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published