Portfolio: Mock

Mix.install([
  {:kino, github: "livebook-dev/kino", override: true},
  {:kino_lab, "~> 0.1.0-dev", github: "jonatanklosko/kino_lab"},
  {:vega_lite, "~> 0.1.4"},
  {:kino_vega_lite, "~> 0.1.1"},
  {:benchee, "~> 0.1"},
  {:ecto, "~> 3.7"},
  {:math, "~> 0.7.0"},
  {:faker, "~> 0.17.0"},
  {:utils, path: "#{__DIR__}/../utils"},
  {:tested_cell, git: "https://github.com/BrooklinJazz/tested_cell"}
])

Navigation

Return Home Report An Issue

Styled Portfolio

So far, we’ve focused on functionality for the portfolio site. It’s time to plan some personal and customized styles.

Use Figma to create a mock for your portfolio site.

Ensure to include the following:

• A Home Page
• A Blog Page
• Custom Navigation

Here is an example.

Bonus

As a bonus, create Figma mocks for additional features you might add to your portfolio project to improve it. For example, you might include a projects section.

Commit Your Progress

Run the following in your command line from the project folder to track and save your progress in a Git commit.

$ git add .
$ git commit -m "finish portfolio mock exercise"