/ionic3-components

A project full of ionic 3 components and samples - to make life easier :)

Primary LanguageTypeScriptMIT LicenseMIT

Ionic Advanced Components Open Source Love

All Contributors

Currently this project is using the latest versions of all: Ionic and Angular 5

Demo

If you just want to check this project out, you can see the online demo at https://yannbf.github.io/ionic3-components or use Ionic View with the code bd1b6d71.

Please notice that some plugins may only work when using a real device, so don't expect everything to work on ionic view or 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!

Setup

Requirements to use this project:

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 a simple

$ ionic serve

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

πŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!