All Projects → lanceli → Cnodejs Ionic

lanceli / Cnodejs Ionic

Licence: mit
The mobile app of https://cnodejs.org made by Ionic 1.x, web demo http://lanceli.com/cnodejs-ionic

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to Cnodejs Ionic

Ionic4
This repo contains example code for ionic4. Get Step by Step tutorial of this repo examples using https://ampersandacademy.com/tutorials/ionic-framework-4
Stars: ✭ 37 (-97.59%)
Mutual labels:  ionic, ionic-framework
Ionic Example App
A Ionic Example App (previously known as ionic 2 examples). Contains different examples on how to use the Ionic Framework
Stars: ✭ 61 (-96.03%)
Mutual labels:  ionic, ionic-framework
Ionic5 Starter App Tutorial
Free Ionic Starter Template - Ionic 5 example app. Learn how to start using Ionic 5 to create a simple app with lists, forms and navigation and more!.
Stars: ✭ 47 (-96.94%)
Mutual labels:  ionic, ionic-framework
Ionic Stencil Hn App
Ionic Stencil HackerNews App
Stars: ✭ 105 (-93.17%)
Mutual labels:  ionic, ionic-framework
Ionic Firebase Starter App
Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)
Stars: ✭ 77 (-94.99%)
Mutual labels:  ionic, ionic-framework
Google Login With Ionic Framework
Ionic example app of how to add Google Plus authentication into an Ionic Framework app. Add google login to your ionic app!
Stars: ✭ 24 (-98.44%)
Mutual labels:  ionic, ionic-framework
Ionic Google Login
Ionic 4 starter app to show you how to add Google Log In to an Ionic App using Google Sign-In Cordova Plugin.
Stars: ✭ 61 (-96.03%)
Mutual labels:  ionic, ionic-framework
Ionic Native Transitions
[Maintenance only] Native transitions (iOS & Android) for Ionic Framework
Stars: ✭ 589 (-61.68%)
Mutual labels:  ionic, ionic-framework
Ionic Collection
🤘 Looking for about Ionic Framework?
Stars: ✭ 101 (-93.43%)
Mutual labels:  ionic, ionic-framework
Tutorial Photo Gallery Angular
Photo Gallery Tutorial: Ionic Angular and Capacitor
Stars: ✭ 73 (-95.25%)
Mutual labels:  ionic, ionic-framework
Ionic Custom Components
Ionic 3/4 Custom Components. Spend less time on design and more time on coding! Free to use for everyone! 🧙‍♂️
Stars: ✭ 23 (-98.5%)
Mutual labels:  ionic, ionic-framework
Ionic Pwa
🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-94.34%)
Mutual labels:  ionic, ionic-framework
Awesome Ionic
An "awesome" list of Ionic resources
Stars: ✭ 799 (-48.02%)
Mutual labels:  ionic, ionic-framework
Ionic Navigation And Routing
🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!
Stars: ✭ 35 (-97.72%)
Mutual labels:  ionic, ionic-framework
Ionic Pwa Toolkit
Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
Stars: ✭ 629 (-59.08%)
Mutual labels:  ionic, ionic-framework
Ion Affix
A directive for Ionic framework for creating affix headers.
Stars: ✭ 58 (-96.23%)
Mutual labels:  ionic, ionic-framework
Nextjs Tailwind Ionic Capacitor Starter
A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor
Stars: ✭ 315 (-79.51%)
Mutual labels:  ionic, ionic-framework
Gugujiankong
Ionic App for website online monitor / website test speed / website SEO
Stars: ✭ 386 (-74.89%)
Mutual labels:  ionic, ionic-framework
Nativescript Ionic Template
📱 🖥 Create Mobile First apps, Web and Native sharing the code with Angular 🎉
Stars: ✭ 65 (-95.77%)
Mutual labels:  ionic, ionic-framework
Facebook Login With Ionic Framework
Ionic example app of how to add Facebook Native authentication into an Ionic Framework v1 app. Add facebook login to your ionic app!
Stars: ✭ 83 (-94.6%)
Mutual labels:  ionic, ionic-framework

CNodejs Ionic app

https://cnodejs.org hybird mobile application powered by Ionic Framework 1.x using AngularJS 1.x and Cordova. The development stage powered by Ionic Framework generator.

Demo

Download on the app store

There is another one made by Ionic 3, check it out here https://github.com/lanceli/cnodejs-ionic3

Developing

If you'd like to run it locally, and modify something, you can do so by cloning this repo and running the following commands (assuming that you have Node, NPM, Ionic, Cordova, Grunt and Bower installed).

# Clone and Install dependencies
$ git clone git://github.com/lanceli/cnodejs-ionic.git
$ npm install
$ bower install

# Config api url on development mode
# At line 54 in Gruntfile.js
$ vim Gruntfile.js

# Start the server on localhost:8010 on development mode
# Watches for changes, automatically recompiles files and refreshes the browser
$ grunt serve 

# Start the server on production mode
$ grunt serve:compress

# Add platform target
$ grunt platform:add:ios
$ grunt platform:add:android

# Run on platform target on development mode
$ grunt run:ios
$ grunt run:android

# Run on platform target on production mode
$ grunt build:ios
$ ionic run ios
$ grunt build:android
$ ionic run android

Need more detail? Please chekout Ionic Framework and Ionic Framework generator.

Question

if you have some problem with window system, please follow the blow step may help you fixed it.

grunt-contrib-compass/node_modules/tmp/lib/tmp.js:261
        throw err;
      ^
     Error: cannot read property 'stdout' of undefined
    at compile

see issue: Run grunt serve error

  • Make sure you have installed Ruby tools
  • After you install ruby, use gem to install sass and compass(in cmd):
  1. gem install sass
  2. gem install compass
  • use npm to install modules(in cmd), choose one to install:
  1. npm install cordova ionic
  2. npm install -g cordova ionic

After install all the modules, you may face the child_process error. This is a windows system bug. you can fixed it like this:

grunt-contrib-compass/node_modules/tmp/lib/tmp.js:261
        throw err;
      ^
     Error: spawn ENOENT
    at errnoException (child_process.js:1001:11) 
   at Process.ChildProcess._handle.onexit (child_process.js:802:34)

A solution would be to replace spawn by win-spawn:

  1. npm install win-spawn
  2. Replace the line in the Gruntfile.js:
replace child_process to win-spawn
var spawn = require('child_process').spawn;
to
var spawn = require('win-spawn');

more information about this defect,please see:

have try, it should work now.

Cross-Origin

When you run it locally in browser, CORS is a problem.

Disable web security of chrome

open -a /Applications/Google\ Chrome.app --args --disable-web-security --allow-file-access-from-files

OR Allow cross origin access in nginx

add_header Access-Control-Allow-Origin *;

Checkout this: How do I add Access-Control-Allow-Origin in NGINX?

Release History

See the CHANGELOG.

Contribute

You are welcome to contribute. 🎉

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].