?
Outline
Introduction
GitHub API client
Data processing
Creating mock data
Building the UI components
Building the app UI
Running as a Livebook app
What we've built
New section
Expand/collapse all
Users
0 connected
Files
Add file
Add file
References
No files yet
Attachments
No files yet
Secrets
Available only to this session
New secret
🏠 Personal secrets
No secrets stored in this workspace so far
App
Slug
github-stars
Session type
Single
Access
No password
Configure
Remote deployment
Deploy with Livebook Teams
Manual Docker deployment
Local preview
Launch preview
Runtime
Type
Embedded
Connect
Configure
Memory
229.9 GB available out of 251.8 GB
Connected nodes
No connected nodes
Code zen
Presentation
Custom
ins
Counting GitHub Stars
Export
Erase outputs
Fork
See on Dashboard
Close
Using
🏠
Personal
workspace
🏠
Personal
Add Organization
Setup
Notebook dependencies and setup
Python
Introduction
1 cell collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
GitHub API client
Introduction
7 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Data processing
Introduction
GitHub API client
4 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Creating mock data
Introduction
GitHub API client
Data processing
2 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Building the UI components
Introduction
GitHub API client
Data processing
Creating mock data
8 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Building the app UI
Introduction
GitHub API client
Data processing
Creating mock data
Building the UI components
5 cells collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Evaluate
Evaluate on demand
Reevaluate automatically
Elixir
Erlang
Python
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
Running as a Livebook app
Introduction
GitHub API client
Data processing
Creating mock data
Building the UI components
Building the app UI
1 cell collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
What we've built
Introduction
GitHub API client
Data processing
Creating mock data
Building the UI components
Building the app UI
Running as a Livebook app
1 cell collapsed
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
+ Elixir
Elixir
Erlang
Python
+ Block
Markdown
Section
Branching section
MARKDOWN
Diagram
Image
CODE
Form
+ Smart
(esc)
User profile
?
Display name
Cursor color
Save