Code Monkey home page Code Monkey logo

abcframework's People

Contributors

thruthesky avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

abcframework's Issues

build android

hello,
how can i build an abc project to android?
running: "cordova build android" generated me an apk file, but the application had error.

thanks!

show package version

  • -v, --version 라면, package.json 의 버전을 가져와서 보여 줄 것.

ABC Framework - PUT Together

ABC Framework Modules

ng cli 와 cordova cli 를 그대로 쓴다고 하더라도, 기본 세팅이 너무 어렵다. 특히, cordova 에서 에러 처리를 하는 루틴을 사용자에게 직접 작성하도록 하면 안된다.

따라서, 기본적인 것을 모두 관리하는 Framework 를 만든다.

  • Angular project( with package.json / without node_modules )
  • Bootstrap with ng-bootstrap
  • Font-awesome
  • Enhancer
  • Firebase
  • Error Handler.
  • Basic Design

ABC Theming, Layout, Design accessaries.

Settle how abcframework will have its theming, layout, design accessories.

There are many good Angular design components out there.
But don't try to create a new parent module for these good library, because it's not an easy work and when each component has bug and updated, it's going to be a hell and another hell.

So, just test and make a list of good examples.

But still, you need a parent module to have a good theming or layout of the app for easy start.

So I got an idea from covalent. It has a good design theming based Angular material design. It just wraps using Angular MD but unfortunately it does not support IE 10 and IE 11.

So, I am going to wrap ng-bootstrap to make a parent module for theming and layout.

Wrap ng-bootstrap to make it more easy and create some default design ( easy thing first ) and have a theme/layout.

repo: https://www.npmjs.com/package/bootcomp

Refrence:

https://github.com/brillout/awesome-angular-components#ui-layout

Look ok. Support from IE 10.
https://vmware.github.io/clarity/documentation/navigation

No Good. UI itself is Good but does not support IE10 and IE11. No benefit on Not using ionic.
https://github.com/teradata/covalent

Big Problem : every time, source code is edited, abc patches index.html over again. handler function is added more than twice.

<script type="text/javascript" src="http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/inline.bundle.js"></script><script type="text/javascript" src="http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/polyfills.bundle.js"></script><script type="text/javascript" src="scripts.bundle.js"></script><script type="text/javascript" src="http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/styles.bundle.js"></script><script type="text/javascript" src="http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/vendor.bundle.js"></script><script type="text/javascript" src="http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/http://10.0.2.2:3000/main.bundle.js"></script>

Just rebuild and re run.

Simply rebuild and re-run.

So, you need to use your debugging skills.

when you debug, just put some code to go to debugging position or to re-publish the error.

User authentication as basic feature

  • Firebase Authentication
    • firebase User Authentication 에서 Google Login 앱 아이디는 [email protected] 이다. 혹시 lock 될 지 몰라서, 다른 계정을 해 놓았다.
    • facebook 앱 아이디는는+63... 현영 아이디로 해 놓았다.
    • firebase 에서 제공하는 모든 auth provider 를 다 적용한다.
    • cordova 에서 사용 할 수 있도록 한다.
    • email/password 회원 등록, 관리를 할 수 있도록 한다.
    • 추가적으로 instagram, naver id login, kakao talk 로그인 만든다. ( 간단하게 할 수 있는 기능이 없는 것 같다. 별도 서버 작업이 필요한가? 이러한 서버 작업 서비스만 따로 해 주는 곳은? Auth0 ?? )
    • 배포 할 때에는 직접 입력을 하게 한다.

Porting Backend to Firebase system.

Right now the Backend is built on PHP.

It is a good idea to do it with Firebase Database.

Let's not think about 'search' for now.

We cannot search posts since there is no text search,

but we can index "category_subcategory_field1_field2.." something like this.

Support for Other platform like jQuery + Bootstrap without Angular

ABC can support other platforms.

Default is angular.

abc new project-name --with=angular --template=basic
abc new project-name --with=jquery --template=blank
abc new project-name --with=jquerymobile --template=blank

It may go for different project to support javascript as jbc.

jbc is for javascript/jquery/jquerymobile bundler for cordova.

Improve error handling.

  • 에러 표시 함수를 abc cli 에 만 넣는다. ionic 이 그렇게 하고 있다.

    https://github.com/driftyco/ionic/blob/master/src/util/ionic-error-handler.ts

  • 문서화: 클라이언트에서 exception 에러는 error handler 로 처리한다.

  • @done ng serve 과정에서 bootstrap 에서 발생하는 에러는 socket 으로 에러를 화면에 표시해 준다.

  • global custom error handler 가 build time 에러와 컴포넌트 selector 이름을 잘못 적은 경우 에러를 표시하지 못한다. 보완 필요

    • build 과정에서 에러가 나는 것은 아닌데, custom error handler 가 등록되기 전에발생하는 에러를 못잡는 것 같다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.