abritopach/ionic-ghost-loading

Stars
7
Rank 2,294,772 (Top 46 %)
Language
CSS
Created almost 7 years ago
Updated almost 7 years ago

abritopach/ionic-ghost-loading

abritopach

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Sample project that shows how to loads a base view with all the content areas blocked out (like Facebook or Slack) in Ionic APP. This technique is commonly known as “ghosted” or “ghost loading”. Once populated the ghosted areas are filled with real data: translated text, images, ads, etc..

angular-ionic-ngxs-movies

Sample project that shows how to build a Movies Catalog APP with Angular, Ionic, Capacitor and NGXS (State Management).

capacitor-youtube-player

Capacitor Youtube Player is a custom Native Capacitor plugin to show Youtube Player on Web, IOS and Android platforms.

ionic-surveyjs

Sample project that shows how to integrate SurveyJS in Ionic APP.

ionic-3D-card-carousel

DEPRECATED Sample project that shows an experimental 3D card carousel in Ionic.

ionic-offline-mode

Sample project that shows how to build an Dogs breeds APP with offline mode that caches API data so it can be used as a fallback later.

angular-ionic-master-detail

This project show how to implement a Master Detail Pattern in Ionic 4 with Angular Routing.

vue-surveyjs

Sample project that shows how to integrate SurveyJS in Vue APP. This example is based on the example "Integrate SurveyJS in Ionic" https://github.com/abritopach/ionic-surveyjs that I developed but adapted to Vue.js to practice my skills. NOTE: This project is currently under development until it reaches the same functionality as the ionic project. Technologies: Vue.js, Vuetify.js, Typescript

ionic-employees-stitch-mongodb

Sample project that shows how to build a Employees List with Angular, Ionic 4 and Stitch MongoDB.

ionic-receiver-sms

Sample project that attempts to simulate the behavior of the mobile device's message application.

ionic2-d3js-example

This project shows how to integrate D3.js with Ionic 2.

ionic-wordpress

Sample project that shows how to build your own Ionic WordPress Client with WP-API.

ionic3.5-d3js-examples

This project shows how to integrate D3.js with Ionic 3.5

capacitor-heatmap

Capacitor Heatmap is a custom Native Capacitor plugin to show Heatmap on Web, IOS and Android platforms.

nest-ionic-youtube-downloader

Project that allows you to download a youtube video as mp4 or convert the video to mp3.

ionic-api.ai

Sample project that shows Ionic AI Chatbot with Dialogflow.

st-3d-card-carousel

Sample project that shows an experimental 3D card carousel Web Component built with Stencil.

ionic-angular4-animations

Sample project that shows angular4 animations examples in Ionic.

ionic2-couchdb

Sample project that shows a fullstack application where we will be building a blogging application in Ionic 2 that uses CouchDB as its database and backend.

stencil-counter

Sample project that shows how to create counter demo Web Component using stenciljs. stencil-counter web component to be used in an Ionic Demo app

phaser-responsive-basketball-game

ionic-angular-akita-movies

Sample project that shows how to build a Movies Catalog APP with Angular, Ionic 4, Capacitor and Akita (State Management).

ionic-ngrx-example

Sample project that shows how ngrx can help you manage application state in your Ionic app.

ionic-tawk.to

Sample project that shows how to integrate Tawk.to in Ionic APP.

ionic-keycloak

Sample project that shows how to use Keycloak in Angular 11 & Ionic 5 App.

ionic-phaser-demo

Sample project that shows how to integrate Phaser 3 (current version) in Ionic app.

ionic-half-image-slider

Sample project that shows an experimental half image slider in Ionic.

ionic-facebook-reactions-button

Facebook Reactions Button Example in Ionic

ionic-media-app-vod-accedo

Project that build a simple Media App VOD (Video On-Demand) application that keeps track of a list of videos the user has watched.

flutter-surveyjs

ionic-test-capacitor-youtube-player

Sample Ionic project to test Capacitor Youtube Player Plugin.

vue-graphcool-blog

Sample project that shows how to build a Blog App with VueJS, GraphQL, Apollo Client and Graphcool.

ionic-test-stencil-web-component

Sample project that shows an integration of counter demo web component build with StencilJS in Ionic Demo App.

ionic-background-geolocation

Sample project that shows how to tracking a user’s location even when the user closes the APP.

ionic-graphcool

Sample project that shows a fullstack application where we will be building a shopping list in Ionic that uses GraphCool as its database and backend.

prisma-blog

ionic-rxweb-reactive-form-validators

Sample project that shows how to build a nested reactive form and validators with Rxweb, Angular and Ionic 4.

angular-architecture

This project aims to serve as a base / reference when considering a possible architecture in an Angular project.

ionic-master-detail-tabs

Sample project that shows how to build a master detail app with tabs in Ionic.

vue-ionic

Sample project that shows how to uses Ionic components in Vue APP.

ionic-addToCart-animation

ionic-complex-menu

angular-wishlist-mst

Sample project that shows how to manage application state with Mobx-state-tree in Angular.

ionic-video-carousel

abritopach.github.io

My portfolio https://abritopach.github.io/

ionic-onesignal

Sample project that shows how to integrate OneSignal in Ionic.

stencil-reusable-component

ionic-angular-login-flow

Sample project that shows how to build a dummy authentication flow logic for an Ionic 4 app using Angular.

ionic-angular-multi-app-projects

hugo-portfolio

Personal Portfolio abritopach 2018

react-media-app-vod-accedo

Project that build a simple Media App VOD (Video On-Demand) application that keeps track of a list of videos the user has watched.

ionic-opendata-aemet

stencil-3D-card-carousel

Sample project that shows an experimental 3D card carousel Web Component built with stenciljs.

ionic-news-flexbox

deno-movies-api-rest

Sample project that shows how to build a simple Movies Rest API with Deno & Oak.

image-textract

Text Extract From Image. Ionic2 & Node.js

ionic-firebase

Sample project that shows a fullstack application where we will be building an events manager application in Ionic that uses Firebase.

graphql-dataloaders-nodejs

GraphQL server (DataLoaders) in Node.js using Express, Babel, MongoDB and Mongoose.

stencil-star-rating

⭐ Star Rating Component is a standalone Web Component made with ❤️ and built 🛠 with Stencil (a framework-agnostic web component that works in Ionic, Angular, React, Vue, Remix, Vanilla javascript,.... ⭐