Toot API integration

• Styling. Bulma
• App. React
• Tooling. Create React App

Libraries used

• Toot. Masto.js
• Auth0. auth0-spa-js

Create-react-app

First is npx and second is npm

npx create-react-app my-app
npm install react-router-dom --save

Toot

• The library used here is Masto.js
• This is a list of libs

app.config.js

This file is located inside comps/ folder. The file contents look as below.

// visibility : public, unlisted, private, direct

const AppConfig = {
    'mastodon':{
        'uri' : 'mastodon instance url',
        'accessToken' : 'your access token for developer',
        'statusVisibility' : 'direct',
    }
}

export default AppConfig;

Deploy

For deploying the build from different place have a look at this.

TLDR; package.json add the following line.

"homepage": ".",