►
Description
The Filecoin team is hosting a series of Master Classes for anyone interested in building on the Filecoin network. Our first session highlighted how to integrate the Slate API with Filecoin and IPFS. Slate is a storage application and Filecoin network client that allows you to store images, audio, video, and data through a graphical interface or API.
A
So
I
just
want
to
start
us
off
by
introducing
myself
hi.
I
am
rachel
horn
with
the
filecoin
team.
Thank
you
all
so
much
for
being
here
today.
This
is
the
first
in
our
master
class
series.
The
idea
behind
these
sessions
is
to
really
help
you
jumpstart
your
projects,
your
tools,
your
apps
and
everything,
you're
building
on
the
filecoin
network.
We're
really
excited
to
see
what
you
build,
and
we
want
to
be
here
just
to
support
those
projects.
So
today
we
are
thrilled
to
have
with
us
jimmy
lee
cake.
A
He
is
the
creator
of
slate,
which
is
a
storage
application
and
filecoin
network
client
that
lets
you
store
images,
audio
video
data
through
a
graphical
user
interface
and
an
api
and
or
an
api,
and
he's
here
to
show
us
how
slate
works
with
biocoin
and
ipfs
and
he's
going
to
give
us
a
live
coding
demo
and
he's
also
going
to
take
questions.
We
want
to
make
this
as
interactive
as
we
can.
A
The
more
questions
you
have,
the
the
better
the
projects
are
that
you
can
build
so
feel
free
to
pop
your
questions
into
the
q,
a
box,
and
I
will
monitor
that
and
interject
when
there's
a
moment
too
and
and
hopefully,
kate
can
get
through
all
these
questions,
I'm
going
to
turn
it
over
to
cake.
Thank
you.
B
B
I
work
on
something
called
slate
and
our
team
from
around
the
world
is
working
on
a
safe
and
open
and
customizable
open
storage
storage
system,
that's
easy
to
use
and
we're
building
top
of
filecoin,
and
I
believe
that
filecoin
is
going
to
be
a
revolutionary
new
infrastructure
for
everyone
to
build
content,
addressed
solutions
on
top
of
and
it's
gonna
be
really
really
mind-blowing.
So
I'm
I'm
really
lucky
to
be
one
of
the
first
people.
B
B
So
if
you
think
about
typical
startups
today,
usually
their
process
is
closed
source,
a
lot
of
internal
documents,
everything
that
we
do
from
our
team
expectations
to
how
we
design
to
how
we
delegate
issues
is
out
in
the
open
and
even
all
our
mistakes
are
on
the
open,
and
so
this
is
really
possible
because
file
coin
textile
are
also
very
open
pieces
of
infrastructure.
So
I
invite
anyone
here
who
is
interested
later,
who
wants
to
learn
how
we're
building
something
type
of
foul
point
to
maybe
take
the
code
run
with
it?
B
Our
team
and
contributors
are
from
around
the
world
so
right
now,
puja
basically
helped
make
this
all
possible.
Horace
myself,
martina
will
tara
jason,
daniel
thiago,
mack
and
tom
all
constitute
the
core
team
right
now
for,
oh
and
colin,
of
course,
all
constitute
the
the
core
team
right
now
for
slay
and
we
take
contributions
from
everywhere.
B
So
slate
is
right
here.
This
is
the
github
repo
and
you
can
see
that
in
our
issues.
You
know
we
talk
about.
As
I
said
earlier,
team
expectations
are
all
out
in
the
open
all
the
work
that
we're
doing.
Everyone
can
see.
So
it's
kind
of
a
way
to
see
how
a
team
is
building
an
app
on
top
of
filecoin
right
now
and
some
of
the
challenges
that
they
face.
We
have
an
npm
module
right
here
that
I'll
get
into
later
and
other
people
are
building
on
top
of
different
ways.
B
So
here's
a
shout
out
to
jim
pick,
who
did
his
lotus
client
workshop,
that
works
directly
with
the
go
code.
So
it's
something
worth
checking
out
later,
if
you're
interested.
So
if
you
go
to
slate.host
right
now,
you
can
do
this
in
your
own
browser
too.
You
can
see
that
you
get
this
opening
page
and
I'm
just
going
to
walk
through
creating
account.
B
B
Cool,
so
creating
account
was
really
simple.
If
I
want
to
go-
and
I
want
to
update
my
information-
I
can
go
here
and
pick
an
avatar
and
I'll
go
into
my
folder
called
actually
I'll
go
into
my
dropbox.
This
is
my
personal
dropbox,
sorry
about
that
and
I'll
go
into
assets,
materials
and
I'll
go
into
avatars
I'll
pick.
This
cool
photo
of
a
dog.
B
B
B
B
And
this
kind
of
shows
that
it's
really
simple
just
to
put
things
on
ipfs.
You
know,
I
think,
with
new
infrastructure
today,
there's
always
like
this
mental
block
that
we
have
that
you
know
like
it's
really
hard
to
use
these
new
things,
but
you
know
in
slate
it
takes
about
under
30
seconds
to
kind
of
just
start
uploading
files,
and
so
here
we
are
uploading
files
directly
to
through
textiles,
buckets
straight
to
ipfs.
B
B
B
And
generate
an
api
key
and
right,
we
generate
an
api
key
you'll,
be
given
some
like
documentation
with
the
api
key
already
in
it,
and
then
some
api
routes
that
you
can
use
to
build
a
really
simple
slate
application
and
that's
what
we'll
get
into
next.
Let
me
check
the
so
in
the
q
a
puja
asks.
This
is
awesome.
B
The
slate
already
have
follicle
integration
or
plan
to
have
fog
foundation
soon.
If,
yes
is
the
follicle
integration
through
textile
buckets
or
some
other
stack,
and
so
textile
currently
is
our
partner.
That
makes
a
lot
of
this
possible
and
powergate
is
going
to
be
introduced
into
the
hub
soon.
So
right
now,
power
gets
a
standalone
service,
and
so
in
slate
right
now
you
can
make
a
powergate
deal
to
store
files
on
the
filecoin
network,
but
for
testing
purposes
before
our
official
launch
we're
using
a
different
tech
stack.
B
So
some
of
our
cid's
content
ids
are
localized
to
our
stack
and
so
they're
not
available
from
textile
bucket
to
upload
to
the
filecoin
network
in
the
future.
I'll
probably
demonstrate
for
everyone
a
means
to
go
straight
to
the
falcon
network,
from
whatever
you
have
in
slate
cool.
So
now
that
we
have
this,
let's
pull
up
a
development
environment,
so
I
kind
of
cheated
and
went
ahead
and
created
a
a
base.
B
Repo
called
example:
if
you
guys
want
to
see
it,
you
can
go
to
slate
react
system
and
on
github-
and
you
can
go
to
this
example-
photo
folder
and
you
can
see
a
really
basic
starter
repo
and
this
one
uses
emotions
for
styling,
but
you
can
use
anything.
You
want
the
style
components
so
this
right.
Here
this
example.
B
B
B
B
B
B
B
Cool
and
then,
if
I
go
over
to
my
home,
I
can
see
that
that
avatar's
right
here,
hopefully
that
answers
your
question
cool,
so
to
do
an
upload
I'll,
just
show
you
guys
the
shape
of
this.
If
I
just
console
log
e-
and
I
go
back
to
here
and
I
hit
refresh-
hey-
choose
file
no
file
chosen.
This
is
the
default
styling
around
a
input
field
that
has
a
type
of
file
and
if
you
click
choose
file,
because
I
find
it
the
on
change
handler.
B
B
B
So
I'll
do
I'll
make
this
call
and
I'm
just
going
to
put
this
into
a
life
cycle
method
from
react
called
component
did
and
if
you're
using
react,
hooks
you'll,
probably
use
like
use
effect
instead,
but
I
feel
like
this
is
easier
for
beginners
to
understand,
like
the
verbiage,
here's
a
little
bit
easier.
So
I'm
using
it
this
way.
So
it's
an
async
methods
being
called
in
here.
So
we'll
do
sync
component
mount
awesome,
and
here
is
a
feature
right
here.
B
B
B
B
B
A
B
B
B
C
A
B
Right
now,
if
it's
content
address,
if
someone
has
a
cid
they'll
be
able
to
view
the
content
if
they
have
the
cid,
but
we
allow
for
at
least
on
the
slate
side
for
things
to
be
private.
So
no
one
can
see
what
cid
has
uploaded
to
network
and
also
in
the
future.
Slate
will
have
a
offline
mode
where
all
your
files
are
local
and
private
won't
even
appear
on
the
network.
B
C
B
Well,
that's
super
embarrassing,
so
I
actually
don't
know
exactly
what's
going
on,
maybe
something
with
my
local
environment,
but
I'm
actually
gonna
switch
over
to
doing
something
else
that
I
think
won't
have
any
issues,
so
I'm
gonna
start
from
scratch
and
just
work
from
our
site
design
system.
So
sorry
about
that,
I'm
pretty
sure
that
if
I
encounter
this
issue,
someone
else
probably
will-
and
that's
really
unfortunate.
B
C
B
I
actually
don't
know
if
roles
and
permissions
besides
addressable
content,
I
think
you
can
store
a
lot
of
information
for
the
cid.
So
when
you
pull
a
cid
from
the
network
and
you
decrypt
it
there's
a
lot
of
stuff
that
can
be
there.
I
think
that
we
could
build
other
systems
to
manage
that
that
information,
but
it
can
be.
You
can
have
that
kind
of
information
stored
inside
there
also
whoever's
accessing
your
information
as
long
as
they
await
decrypt
those
keys,
and
that
might
be
the
way
that
you
handle
permissions.
B
B
A
B
Token
remove
this
extra
semicolon
here
so
now
that
we
have
these
two
components
here
we
can
go
through
this
whole
flow,
so
I'm
going
to
get
a
token
and
then
I'm
going
to
set
the
token
and
then
I'm
going
to
create
an
address
and
so
generate
a
powergate
token.
I'm
going
to
call
test
address,
call
vls
I'll
make
this
one
default
I'll
create
address
and
boom.
I
have
a
new
filecoin
address
and
the
other
thing
you're,
probably
wondering,
is
well
okay,
having
a
falcon
address.
That's
just.
I
need
to
keep
track
of
that.
B
C
B
B
C
C
B
So
I'm
teaching
people
how
to
use
powergate,
which
is
how
we
interact
with
the
file
coin
network
and
so
right
now
in
slate
in
the
project
itself,
we
currently
use
powergate
and
buckets
to
interact
with
the
following
to
interact
with
ipfs
and
filecoin.
So
what
I'm
giving
example
now
is
basically
how
to
use
that
powergate
token,
outside
of
slate
by
using
slate
components,
to
create
a
really
simple
application
that
can
send
and
receive
file
coin.
B
B
You
can
create
a
filecoin
address
and
you
can
refresh
the
screen
to
see
the
address
created,
and
I
can
also
add
more
to
this,
so
I
can
create
you
know
we
didn't.
We
didn't
save
the
token
here.
So
let
me
go
here
real,
quick
and
make
sure
that
we
save
the
token
and
you
might
use
something
else
like
local
storage
or
a
member
variable
to
save
this
token.
B
And
we
hit
refresh-
and
now
we
have
three,
so
it's
really
easy
to
create
falcon
addresses
here
and
then
you're
probably
wondering
how
you
can
send
filecoin
between
address
address
and
how
easy
that
is.
So
I
can
show
you
guys
how
to
plug
in
their
component.
We
have
in
our
design
system,
which
is
this
one
right
here-
to
send
file
coin
between
two
addresses
so
I'll
copy
and
paste
this
method
here,
I'll
click
copy
and
paste.
This
here.
C
C
B
B
B
B
B
And
it
looks
like
these
accounts
that
are
created,
don't
have
any
file
coin,
so
I'm
used
to
these
accounts
having
a
ton
of
play
file
coins.
So
we
can
show
an
example
of
this
working,
but
it
looks
like
it's
not
it's
not
populating
with
file
coins,
so
yeah,
I'm
really
sorry
about
how
some
of
the
technical
issues
kind
of
got
in
the
way
of
seeing
the
slate
api
and
using
it
to
store
assets.
B
I
think
that
pretty
much
wraps
up
everything
I
wanted
to
show
you
guys
I'm
available
for
any
questions
mike
asks.
Can
I
pull
slate
components
into
a
project
without
powergate,
and
the
answer
is
yes,
you
totally
can,
so
you
can
take
any
of
the
site
components
and
use
them
even
without
powergate.
If
you
have
a
different
backend.
That
does
a
similar
thing
that
works
too.
B
B
And
I
have
here
this
api,
so
I
can
generate
a
slight
key
and
then
you
can
just
follow
the
documentation
here
to
create
a
to
create
a
to
add
things
to
a
slave
to
get
slate
by
id
so
earlier
this
broke,
but
I
have
an
idea
actually
to
try
to
demonstrate
this
working
through
a
different
means.
So
if
you
bear
with.
B
B
So
what
I'm
going
to
do
now
is
because
my
earlier
example
didn't
work.
I'm
actually
going
to
do
it
again,
but
this
is
kind
of
cheating,
because
I'm
actually
working
within
my
local
environment
that
actually
hosts
slate
and
I'm
going
to
show
an
example
of
the
api
key
working
in
in
this
context,
and
then,
when
I
get
the
example
of
api
key
working
with
course,
anyone
can
use
that
to
kind
of
store
images
and
assets
so
going
to
slate.
This
is
the
site
project
repo.
B
If
I
go
into
my
v1
folder
here
and
I
go
into
this
folder
here,
I
have
a
folder
called
test,
and
this
is
where
I
test
basic
things
like
the
api
and
etc.
And
so,
if
I
go
here
and
I
get
to
my
slate
api
key,
this
is
the
one
I
generated-
and
I
put
this
here-
and
I
just
swap
this
in-
and
all
I
want
to
do
here
is
basically
get
one
of
my
slates.
B
B
A
B
C
C
C
B
B
B
B
B
B
Yes,
so
that
is
totally
the
plan
like
we
have
a
plan
with
slate
to
basically
support
sdks.
So
slate
is
great
at
hosting
storage
for
people's
keys.
So
if
someone
wants
to
have
an
integration
with
slate,
they
can
just
have
a.
There
will
be
a
way
to
integrate
other
identities
and
share
identity
and
also
for
them
to
communicate
in
the
future.
B
Felipe
that's
a
great
question.
You
asked
in
the
case
of
the
of
a
picture,
adapt
for
example,
where
users
can
upload
and
store
pictures
on
ipfs.
Can
the
transaction
fees
to
store
those
files
be
paid
managed
by
the
adapt
developer
instead
of
the
user?
I'm
asking
this
in
an
onboarding
context
for
those
users
who
may
not
be
familiar
with
technology
and
a
barrier
for
not
having
the
coin.
B
I
actually
think
that,
with
slate
we
will
probably
try
a
model
where
people
are
able
to
pay
for
additional
storage
enslave
using
fiat
or
usd,
and
and
in
that
way
they
don't
have
to
deal
with
having
file
coin
or
using
file
coin
for
payment.
It's
still
very
much
up
in
the
air,
but
it's
a
possibility.
What
we
play
with
I
do
agree
that
it
is
a
barrier
for
people
who
are
not
familiar
with
having
the
coin
or
have
dealing
with
dapps
in
general
and
dealing
with
keys
and
so
slate
is.
B
Its
intention
is
to
make
it
easier
for
developers
and
for
people
who
aren't
used
to
adapts
to
kind
of
easily
easily
manage
everything
with
something
they're
more
familiar
with
just
like
spending
cash
using
a
stripe
like
checkout,
for
example,
cool.
So
in
this
example,
I
uploaded
a
few
more
images,
and
then
you
can
see
right
here
that
all
these
images
render.
So
this
was
the
example.
B
B
B
B
I
have
my
api
key,
I'm
passing
the
body
in
the
body,
the
data
from
the
form
data
and
I'm
going
to
get
a
response
here
in
json,
and
so
this
needs
to
be
an
async
function
and
from
here
we
should
be
able
to
add
a
file
to
our
slate.
So
I'm
gonna
go
back
to
my
local
example
here
and
I'm
going
to
let's
get
rid
of
this
this
key
issue.
So
this
is
not
the
best
practice,
but
that's
okay,
key
object.url
and
I'm
going
to
upload
a
file.
B
Slate,
the
image
is
here:
the
dog
was
uploaded,
but
it
wasn't
added
to
my
slate.
That
didn't
include.
Oh
well,
sorry,
my
bad!
Basically,
if
you
have
a
a
slate,
it
will
add
automatically,
but
you
can
also
specify
an
api.
The
exact
api
key-
and
so
here
is
the
api
key
of
the
slate
that
we
were
using
and
then
here's
the
api
key
for
your
site
account.
B
So
in
our
example
here
hit
refresh,
you
should
see
a
dot,
and
so
it
should
be
that
simple
to
basically
create
something
that
stores
and
retrieves
your
assets
and
yeah.
That's
pretty
much
a
full
overview
of
the
slate
api.
Sorry
about
all
the
thrash.
I
made
a
lot
of
mistakes
along
the
way
this
time,
but
I
was
able
to
show
everyone.
B
I
think
a
basic
example
of
textiles
powergate,
where
you
can
use
that
to
interact
with
the
file
coin
network
and
slate
uses
the
same
technology,
so
you
can
work
alongside
us
and
see
our
examples,
and
I
also
was
able
to
show
you
guys
an
example
of
how
to
use
the
slate
api
to
view
your
images.
Add
an
image
like
this
one
right
here
and
then
also
go
into
our
gui
and
see
that
the
image
is
available
right
here
as
well.
And
if
I
delete
this
object.