►
From YouTube: Decentralized websites on IPFS with Portrait.gg
Description
Ryan Shahine from Portrait speaks about how Portrait focuses on the intersection of decentralization and UX by enabling creating and controlling your Web3 presence to truly express yourself.
Portrait is a one-stop shop for creating and controlling decentralized,
no-code websites for Web3.
Built on top IPFS, Filecoin, and more.
Website: https://portrait.gg
A
A
A
But
can
we
truly
express
ourselves
in
web
3?
Are
we
able
to
differentiate
ourselves
from
others,
and
this
is
really
a
web
3
ux
problem
or
a
challenge
so
to
speak,
so
web
3
domains
already
solved
one
part
of
the
challenge
and
that's
identity.
We
turn
a
complex
string
of
characters
and
integers.
I
know
this
should
be
non-technical,
so
I'm
keeping
it
as
technical
as
possible,
so
a
string
of
characters
and
integers
into
a
human,
readable
format
and
that's
great.
A
However,
there's
another
challenge,
because
the
human
readable
format
itself
doesn't
say
much
about
the
individual
or
organization
behind
the
identity.
See
Joe
here
has
values,
interests
and
goals,
so
Joe
is
looking
for
a
web
3
Art
Internship,
for
example.
He
seeks
meaningful
connections
and
likes
from
Gog
style
art
and,
on
the
other
hand,
we
have
Gilliam
and
Gideon
likes
Picasso
style
art.
What
happens
next
is
Magic
because
they
come
together
and
curate
a
website
or
a
presence
together
under
Art
Thou.
A
So
what
we
have
here
is
we
have
expressions
and
people
coming
together
and
that's
what
what
portrait
is
really
focusing
on
and
what
how
we
are
doing,
that
is
in
the
form
of
websites,
decentralized
websites.
So,
what's
portrait
portrait
is
a
One-Stop
shop
for
creating
and
controlling
decentralized,
no
code
websites
for
web3
to
again
truly
Express
Yourself.
A
Now,
let's
cover
a
few
features
of
portrait
really
trying
to
find
so
we
have
webs.
We
have
web
three
apps
on
one
side
and
ux
on
the
other
side
and
we're
really
trying
to
focus
on
the
intersection
right
there
and
really
try
to
bring
ux
to
web3.
So
what
we
have
built
is
a
no
code
decentralized
website
builder
such
that
any
web
free
Enthusiast
really
can
build
their
own
website,
so
I'd,
say
ens
domains,
registering
ens
and
ens
domain
is
not
a
complex
procedure
at
all.
However,
creating
a
decentralized
website
is
quite
hard.
A
A
On
top
of
that,
what
we're
doing
is
we're.
We
got
kind
of
exp
we've
got
kind
of
inspired.
That
was
the
word.
I
was
looking
for.
We
got
kind
of
inspired
by
the
registry
contract
created
by
ens
and
we
created
a
similar
contract
with
where
we
map
ethereum
addresses
to
ipfs,
cids
or
hashes,
and
the
ipfs
hashes
will
resolve
to
your
portrait
or
decentralized
website,
so
to
speak,
it's
also
censorship,
resistant
and
resilient.
A
These
are
terms
we
all
heard
quite
quite
many
times
during
ipfs
Camp
I
believe
so
what
we're
doing
is
we're
using
Estuary
I,
don't
know
if
anyone
here
works
for
or
works
with
estuary
one
in
the
back
I
see
you
yeah.
So
Estuary
is
great.
They've
been
helping
us
a
lot
and
what
they're
doing
is
they
are?
They
are
the
Gateway
for
us
between
us
and
falcoin
storage
providers
to
actually
store
and
make
replicate
websites
or
portraits
against
six
storage
providers
now
actually
the
sixth
time
six
times
against
196
storage
providers.
A
Thank
you
very
much
for
offering
the
the
this
this
great
tool
for
for
Builders
such
as
portrait
and
something
I
I
showed
in
the
previous
slide
was
r2dow.eth,
which
should
be
an
art,
curated
website
right
and
that's
kind
of
cool
when
you
think
about
it
because
for
conventional
personal,
portraits
so
to
speak,
these
portraits
are
mapped
to
an
ethereum
address
and,
let's
say
me
and
Ali
in
the
back,
want
to
build
a
website
together
and
because
the
website
is
mapped
to
an
ethereum
address
it
kind
of
sucks,
because
then
I
have
to
share
my
private
keys
with
with
Elliot
and
I
like
her
a
lot
but
I.
A
Don't
trust
her
with
my
ether
so
I'm,
sorry
so,
and
that's
something
which,
which
happens
quite
a
lot
like
you,
come
together
as
a
collective.
You
would
like
to
build
a
website
and
that's
where
we're
we're
now
focusing
and
experimenting
with
collectively
government
portraits
so
to
speak.
So
this
is
a
separate
contract
with
a
set
of
rules
that
defines
governance
of
a
website
defines
ownership.
And
it's
really
quite
interesting
because
I
think
when
you're
thinking
about
it,
it
automatically
goes
like.
A
Okay,
you
can
Define
your
own
set
of
rules
and
own
functions
because
it's
a
contract,
a
contract,
can
have
an
ens
domain
as
well.
So
now
it
gets
really
interesting.
You
can
actually
visit
the
website
by
querying
the
in
SMA,
but
you
could
also
add
fractionalized
ownership,
for
example,
or
even
transferability
of
ownership.
A
So
let's
assume
that
Ali
and
I
create
this
very
cool
website
and
we
get
a
lot
of
traction
and
a
lot
of
visitors
as
well,
and
we
decide
one
day
to
sell
the
website
because
there's
a
function
in
the
smart
contract
of
a
trans
transferability
of
transfer
ownership,
we
can
actually
sell
the
website
so
to
speak,
so
you
could
actually
list
your
portrait
on
openc,
for
example.
That's
just
a
short
example,
but
we're
still
researching
on
that.
A
So
if
you
have
some
ideas
of
some
potentially
cool
implementation,
implementations
reach
out
to
us
will
be
at
the
Expo
and
you'll
definitely
notice
us
because
of
the
black
shirts.
A
So,
what's
really
cool
is
that
ens
domains
automatically
resolve
in
Oprah's
browsers
such
as
Oprah
and
brave,
and
with
that
being
said,
you
could
essentially
go
to
joe.ease
and
load.
So
what
you're
then
doing?
Is
you
go
to
joe.ease,
which
calls
the
right,
which
calls
the
record
on
chain
as
well,
which
then
will
be
resolved
by
fetching
the
content,
hash
and
the
content?
Hash
itself
is
completely
decentralized,
so
the
entire
website,
the
entire
process,
is
done
fully
on
chain.
A
So,
if
you're
leveraging
your
ens
domain
you're
querying
DNS
DNS
contract,
if
you're
then
also
using
your
portrait
website,
you're
also
querying
an
additional
contract,
a
portrait
registry
contract
to
get
the
latest
state
of
your
website.
So
it's
completely
decentralized
I
see
the
guys
from
Estuary
coming
in
right
now
yeah.
So
we
did.
We
did
a
big
shout
out
to
you
guys
just
a
few
minutes
ago,
but
well
come
on.
So
let's
show
the
UI
for
a
second,
because
the
Wi-Fi
is
a
bit
yeah.
Sometimes
it's
there,
sometimes
not
that's.
A
Why
we're
using
screenshots
for
now.
This
is
the
zero
state
so
to
speak,
and
you
can
log
in
with
your
metamask
or
any
other
web3
browse
wallet
right,
so
we're
using
metamask
in
this
example.
Again
completely
decentralized.
A
Self-Sovereign
pick
your
component,
whatever
you
like,
whatever
component,
suits
you
best
and
makes
it
possible
to
express
yourself
the
Way
You
Are,
for
example.
This
is
a
component.
What
do
we
care
about
and
you
could
edit
the
component
as
well,
and
when
you
are
done
with
your
website,
you
can
publish
the
website.
You
kind
of
sign
the
contents
of
your
website
right
now
and
that
will
be
part
of
the
proof
in
the
registry
contract
it.
A
This
is
not
a
complex,
a
technical
talk,
so
if
you'd
like
to
know
more
about
that,
we'll
be
at
the
Expo
Booth
like
I
said,
and
when
doing
that,
we're
actually
offloading
the
data
itself,
we're
making
deals
through
Estuary
and
also
making
a
transaction
on
chain
for
you.
So
you
delegate
authority
to
update
the
state
of
your
portrait
shouldn't
be
complex,
but
that's
what
you're
doing
as
well,
it's
all
decentralized
and
then
you
could
query
the
website
actually
through.e
domain.
So,
let's
see
if
this
works.
A
It's
always
a
matter
of
which
side
am
I
going
to
drag
the
browser,
it's
this
side.
So
this
is
then
a
portrait,
and
actually
this
is
a
this
is
from
portrait.eath.
That's
our
domain
e
domain
and
this
gets
fetched
from
chain
and
the
data
gets
fetched
from
ipfs,
and
this
is
just
one
of
the
examples,
pretty
cool
examples
of
what
you
can
build
with
portrait
today
so
meet
our
team.
A
That's
not
us,
but
unsplash
helps
us
a
lot
with
this
build
on
top
of
falcoin
I
mean
this
is
just
an
example
of
a
website.
You
can
build
I,
think
it's
pretty
cool,
we're
still
early
in
the
works,
we're
the
badass
open
right
now,
so
yeah
turn
your
blockchain
address
into
a
beautiful
decentralized
website.
A
We
have
some
invite
for
you
guys,
so,
if
you'd
like
to
have
an
invite,
you
can
have
it,
but
you
have
to
reach
out
to
either
Gilliam
who's
sitting
right
in
the
front.
Should
we
raise
his
hand
or
me
will
be
at
the
Expo
Booth
third
timer
said
that
so
thank
you
very
much.
Everyone
have
a
good
time
at
ipfs
camp.