james/graphql-lightning-talk
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ready for step 3.

Browse source
This commit is contained in:
James Harton 2018-04-08 11:24:08 +12:00
parent 9075cfedf5
commit d7c98d6a47
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
README.md
View file

@ -1,7 +1,11 @@
# Getting started with Absinthe
# What are we building?
[Absinthe](https://absinthe-graphql.org/) is an open source implementation of the GraphQL server specification for Elixir. Note that I said "Elixir" there and now "Phoenix". Absinthe doesn't need Phoenix, but we're going to use it in this example because my guess is that not many people are making purely GraphQL services and most of us are probably bolting it on to existing sites or services.
This branch contains a very simple Phoenix app which displays a gallery of faces
imported from Gitbhub users. Shout out to
[Eduardo](https://github.com/edgurgel) for the cool
[Tentacat](https://hex.pm/packages/tentacat) package which made using the Github
API so easy.
Absinthe has [truly amazing docs](https://hexdocs.pm/absinthe/overview.html). Seriously. They're so great. You should check them out.
[Demo](http://localhost:4000)
We're going to build a really simple Phoenix application called `faces` which can import a user's name and avatar from GitHub and display a list on a web page.
Now move on to the `step-3` branch.

2
lib/faces_web/templates/face/index.html.eex
View file

@ -14,7 +14,7 @@
<div class="card">
<img class="card-img-top" src="<%= person.avatar_url %>" alt="<%= person.name %>">
<div class="card-body">
<h5 class="card-title"><%= person.name %></h5>
<a href="https://github.com/<%= person.username %>"><h5 class="card-title"><%= person.name %></h5></a>
<p class="card-text"><%= person.location %></p>
</div>
</div>