Live Demo: https://beefree.io/start-designing

• React Sample Code
  • Table of Contents
  • Prerequisites
  • Getting Started
  • Build
  • Obtaining Credentials
  • Resources

• FREE Developer Account

The easiest way to get started is to clone this repository:

# Get the latest snapshot 
git clone https://github.com/BeefreeSDK/beefree-sdk-demo-react-starter.git myproject

# Change directory
cd myproject

Open config/config.local.ts and change the placeholders with your credentials:

CLIENT_ID:       '### my-client-id ###'
CLIENT_SECRET:   '### my-secret-key ###'
CLIENT_UID:      '### username ###'

NOTE: remember to store these credentials in your back-end and not expose them publicly in your front-end

Install dependencies, then start the project  with the minimal scripts provided:

> npm install
> npm start

# or using yarn:
> yarn
> yarn start

Then run it in your browser:
http://localhost:8080/

There is a simple build script that uses Webpack default configuration for the bundle

# Build the project in a single artifact:
> npm run build

# or with yarn:
> yarn build

The output is a bundle.js file in the project's root.

To use Beefree SDK, you must obtain the appropriate credentials: Client ID and Client Secret, available on the Beefree SDK Developer Console application details page.

https://developers.beefree.io/apps

• Technical Docs
• Developer Portal
• FAQs