Ionic 프레임워크 각종 탬플릿 예제 : A Comprehensive List Of Ionic Starter Apps

A Comprehensive List Of Ionic Starter Apps

If you want to start building your application with Ionic Framework, there’s no better place than starter apps.

 

Starter apps are usually templates or applications that offer you a glimpse into what Ionic framework can do. These apps come in all shapes and forms. Some of them are merely models providing you prebuilt UI patterns while others are small usable applications made to show you specific features (for example, how to connect your application to Google or Facebook authorization services).

 
 

 

 

Note: If this tutorial was helpful, need further clarification, something is not working or do you have a request for another Ionic post? Furthermore, if you don't like something about this blog, if something is bugging you, don't like how I'm doing stuff here, again leave me a comment below. I'm here to help you, I expect the same from you. Feel free to comment below, subscribe to my blog, mail me to dragan.gaic@gmail.com, or follow and mention me on twitter (@gajotres). Thanks and have a nice day!

PS. If you want my help, if possible (even if it takes you some time to do that), create a working example I can play with. Use Plunker for AngularJS based questions or jsFiddle for jQuery/jQuery Mobile based questions.


 

 

Table of Contents

 
 
Click here if you want to see other tutorials, or articles about Ionic themes, templates, plugins ...

Tutorials

Other Resources (themes, templates, plugins, Cordova plugins, starter apps)

Cordova Plugin Tutorials

 

Ionic AngularJS Kitchensink

 
  • Developer: krisrak
 

This starter project is a simple kitchen sink app developed using Ionic Framework + AngularJS. It features different page patterns (Tab View, Side Menu, List View, and Slide / Swipe), various form and page elements, keyboard input types and everything is natively packaged using Cordova.

 

One last thing, I’ve decided not to include driftyco UI starter apps (covering UI patterns) because of this example, I’m telling this just in case you’re wondering about them.

 

GitHub and Usage

 
 
 
  • Developer: loicknuchel
 

Unlike previously mentioned starter app, this one is a little bit more complex. It is still a starter application though a boilerplate code is already written and useful libs are included. Everything said this is a perfect template for your future Ionic application.

 

Features user authentication handling, storage helpers & caching, REST & Parse API helpers, error handling & async remote logger, angular wrappers and different Cordova plugins. Full feature list can be found in a provided GitHub link.

 

GitHub and Usage

 
 
 
  • Developers: srameshr, chanusukarno, auth0
 

This section will feature three different starter apps working with OAuth authorization. All mentioned starter apps provide at least Google and Facebook authorization while last one provides additional options (from auth0 repository).

 

The main advantage of this implementation is that your users don’t need to enter their user-id and password, considering they have the corresponding apps installed and logged in.

 

GitHub and Usage - Solution 1

 

GitHub and Usage - Solution 2

 

GitHub and Usage - Solution 3

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

 
 
 
  • Developer: driftyco
 

This is a simple starter app featuring Google Maps implementation.

 

GitHub and Usage

 
 
 
  • Developer: calendee
 

This is a simple starter app featuring a great Google Maps alternative called Leaflet. The Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, which makes it a great alternative to Google Maps.

 

GitHub and Usage

 
 
 
  • Developer: cowbell
 

If Google Maps or Leaflet are not what you need from geo-location services you may look at Geofence. It is a Cordova plugin used to monitor circular geofences using mobile devices. Basically, its main purpose is to notify if application user if crossing the boundary of the monitored geofence.

 

GitHub and Usage

 
 
 
  • Developer: driftyco
 

Yet another driftyco starter pack. This one is made as an example how to connect to Salesforce platform.

 

The template features a starter application that uses Salesforce OAuth to authenticate, and specific REST APIs to access and manipulate Salesforce data.

 

GitHub and Usage

 
 
 
  • Developer: kevinblanco
 

This starter app contains a base Ionic application made to consume Drupal Services REST API. It features login, create an account, log out, saving data to localstorage, helper auth methods.

 

GitHub and Usage

 
 
 
  • Developer: scottopolis
 

Similar to previously mentioned starter app this one features starter app made to consume WordPress REST API (WP-API). It features login, log out, get posts, pull to refresh, infinite scroll. According to app developer more is to come.

 

GitHub and Usage Demo Additional Info

 
 
 
  • Developer: ccoenraets
 

This is a sample starter application that demonstrates a simple approach to Facebook AngularJS / Ionic integration.

 

GitHub and Usage

 
 
Continue Reading
 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
31 유니티에서 턴제 게임 구현하기 졸리운_곰 2017.05.09 4621
30 Unity3D 씬 뷰 file 졸리운_곰 2017.04.23 678
29 강좌 : 폰갭 앱 개발 PhoneGAP App Development file 졸리운_곰 2017.04.17 648
28 Visual Novel Resources (character art, backgrounds, music, etc.) 졸리운_곰 2017.03.16 423
27 게임 리소스 모음 - Game Resource Collection 졸리운_곰 2017.03.16 391
26 Optimize your Ionic Testing with Wallaby.js, Bard.js, and WebStorm file 졸리운_곰 2017.02.06 1034
25 Ionic Framework를 이용하여 하이브리드앱 개발하기 file 졸리운_곰 2016.12.14 775
» Ionic 프레임워크 각종 탬플릿 예제 : A Comprehensive List Of Ionic Starter Apps file 졸리운_곰 2016.11.27 645
23 깃허브에 있는 오픈소스 게임들 : Games on GitHub file 졸리운_곰 2016.11.27 1613
22 [corona sdk] Tutorial: Connecting to RESTful API services 졸리운_곰 2016.06.05 460
21 Top 5 Tools for Game Developers file 졸리운_곰 2016.05.20 370
20 16 top mobile game development tools file 졸리운_곰 2016.05.20 733
19 lua for mobile game development tool2 / 프로그래밍 언어 루아로 가능한 모바일 게임 제작 졸리운_곰 2016.05.15 435
18 Corona SDK: How to communicate between lua and javascript 졸리운_곰 2016.04.20 472
17 lua for java luaj : 자바에서 루아 언어 사용 LuaJ 졸리운_곰 2016.04.20 909
16 백엔드리스 서버 파일 전송 : BackendlessException{ code: 'Internal client exception', message: 'null' } 졸리운_곰 2016.04.11 694
15 백엔드레스 서버 / 안드로이드 예제 / backendless server / android example file 졸리운_곰 2016.04.05 745
14 parse parse 한글 메뉴얼 졸리운_곰 2016.03.25 378
13 LUA 루아 언어용 언어 변환기 lua language translator file 졸리운_곰 2016.03.07 500
12 유니티3D '퐁' 게임 개발 file 졸리운_곰 2016.02.01 1111
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED