Coder Social home page Coder Social logo

markshust / falcon Goto Github PK

View Code? Open in Web Editor NEW
2.0 4.0 70.0 1.09 MB

Deity Falcon - An Open Source, platform agnostic, headless PWA front-end library

Home Page: https://deity.io

License: Open Software License 3.0

JavaScript 58.86% HTML 0.90% TypeScript 40.24%

falcon's Introduction

DEITY FALCON

Build Status License: OSL-3.0 Blazing Fast lerna code style: prettier

Introduction

DEITY Falcon is a platform agnostic PWA, stand-alone but modular library to be used with any e-commerce platform.

Technologies inside

  • Apollo
  • NodeJS
  • Razzle
  • GraphQL
  • React
  • Koa
  • Jest (testing)

Community

Any contributions, small or big, are very welcome! Please take a look at our Contributor guidelines and Code of Conduct

Join the official chat channel

Deity Community Slack

Requirements

NodeJS (8.x +) https://nodejs.org

Yarn (Optional, but recommended) https://yarnpkg.com

Yarn can be installed via npm install -g yarn or https://yarnpkg.com/lang/en/docs/install

Starting a project

Use the project generator:

Create-falcon-app

Out of the box it will connect to a public back-end service (Magento & WordPress), so you are able to start developing right away.

Connecting to your own services

Magento

Install falcon-magento2-module in Magento 2

falcon-magento2-module

WordPress

Install falcon-wordpress-module in WordPress

falcon-wordpress-module

Other platforms

Coming soon

Connecting to them

Inside server/config change apis.config to your instance's credentials

Customizing the theme

Please check out https://github.com/deity-io/falcon/tree/master/packages/falcon-ui

Basics

Project Structure

Falcon Client

Falcon Server

Advanced

Coming soon

Code Splitting

Dynamic routing

State management

Development quick start

Yarn and Node are required for core development

Adding new dependency for single package

cd package-name
yarn add dependency-name

Testing

There are 2 main scripts available - test and test:coverage:

  • test in the root package.json file - triggers test:coverage script in every available package (it will be used by the CI system mainly)
  • test in the module's package.json - runs Jest testing in "watch" mode (re-runs tests on every code change)
  • test:coverage in the module's package.json runs Jest testing with enabled Coverage option
cd package-name
yarn test
yarn test:coverage

Example how to add @deity/falcon-client dependency into examples/shop-with-blog

package version needs to be specified as it's not yet published to npm registry

cd examples/shop-with-blog
yarn add @deity/[email protected]

Important thing now is all those packages are linked together so changing something in @deity/falcon-client will be automatically reflected in shop-with-blog example

TODO

falcon's People

Contributors

borales avatar cane-lagerwaard avatar mateuszwozniak avatar tadeuszwojcik avatar tutok avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

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.