Ionic Advanced Components

This project uses Ionic 3 and Angular 5

There are currently no plans to update this project to the latest Ionic and Angular as the effort is quite big. If you are interested in doing so, contributions are appreciated!

Demo

If you just want to check this project out, you can see the online demo at https://yannbf.github.io/ionic3-components.

Please note that some plugins may only work when using a real device, so don't expect everything to work in the browser.

This repository was made in order to help people learn and speed up their development process. You will find many many different components, pages, pipes, services, of which can be very useful to you. Note though that these are all experimental!

The content here is a mix of tutorials found online, a few adapted codepen stuff, a few dribbble inspired layouts, and also other stuff made by the amazing contributors of this project.

HOPEFULLY you will like this repo and feel like contributing, so please if you can, contribute so we can have even more amazing content!

How do I use this in my project?

If you find something useful for you, all you gotta do is extract the code related to that page/component/functionality and move it to your project. Most of the pages and components do not use global code/style so that it is easier to extract to your project.

Setup

Requirements to use this project:

Node.js (https://nodejs.org/download/)

npm (Node Package Manager, it comes with node.js installation)

In case you're not with the latest version of npm:

$ sudo npm install npm -g

Cordova & Ionic Cli

To install both of them on your system just launch this command:

$ sudo npm install cordova ionic -g

Install NPM Dependencies

Once you clone this repository, run this command on your terminal to install all needed dependencies:

$ npm install

Install cordova plugin Dependencies

Run this command on your terminal to add a platform and install all needed puglins:

iOS:

$ ionic cordova platform add ios
$ ionic cordova run ios

Android:

$ ionic cordova platform add android
$ ionic cordova run android

Launching the App

After installing the needed dependencies you are done, launch your app with any of these commands

$ npm run ionic:serve (for npm)
$ yarn ionic:serve (for yarn)
$ ionic serve (if you have ionic installed globally)

Amazing contributors

Thanks goes to these wonderful people (emoji key):

_{Damodar Lohani} 💻 📢 🎨 📝	_{Cory McArthur} 💻 📢 🎨	_mike-carr 🔌	_{Fernando del olmo} 💻	_{medeirosrafael} 🐛	_Javier 💻 🎨	_{Mohd Mazlan Bin Mohd Nor} 💻 🎨
_{Daniel Sogl} 💻 🚇	_{Jerônimo do Nascimento} 💻	_{Mateus Duraes} 💻 🎨	_{Nazır Doğan} 💻	_{Abdelghafour Rakhma} 💻 🎨	_{AndreasGassmann} 🐛	_{Lucas Carvalho Corrêa} 💻
_{Stephan Strate} 💻	_{Sabyasachi Patra} 💻 🎨	_{Duane Helton} 🚇	_{Jordan Benge} 👀 🎨	_{Dimitri Belopopsky} 📖	_{Luan Rocha} 💻 🎨