Capstone Project Guide
Mix.install([
{:jason, "~> 1.4"},
{:kino, "~> 0.8.0", override: true},
{:youtube, github: "brooklinjazz/youtube"},
{:hidden_cell, github: "brooklinjazz/hidden_cell"}
])
Navigation
Setup
Ensure you type the ea keyboard shortcut to evaluate all Elixir cells before starting. Alternatively you can evaluate the Elixir cells as you read.
Capstone Project
The capstone project is the final project for the DockYard Academy Course. This project is an opportunity to apply the skills and knowledge you have learned throughout this course to a real-world problem of your choosing.
Requirements
Your capstone project should incorporate two or more of the following features:
- Use Phoenix LiveView and PubSub to build a real-time distributed feature.
- Use Ecto to connect to a Database and manage one or more associations (one-to-one, one-to-many, many-to-many).
- Interact with an external API or service such as SendGrid.
If you have a project idea that deviates from these requirements but still adequately demonstrates what you have learned in this course, then speak with your teacher to request approval.
Planning
Students will use an organizational kanban system, such as GitHub Projects, to plan their capstone project. We recommend prioritizing features into must-haves and nice-to-have.
We recommend you design your application using a hand-drawn design or software such as Figma.
Ideally, when prioritizing features, you should start with a very small MVP (Minimum Viable Product) you can easily accomplish within the timeframe and extra features you can build to make the project truly impressive.
Presentation
Students will present their capstone project publicly to the Elixir community. During your presentation, we recommend you:
- Summarize the technologies (languages, frameworks, APIs, services, etc.) used in the project.
- Demonstrate the main features of your project.
- Share a particularly challenging or compelling piece of code.
- Any features you would like to add to the project if you were to expand it after the academy.
You will have ten minutes to present your project and five minutes to answer audience questions. Consider timing yourself and practice your transitions from feature to feature to prepare.
Double-check that your application works as expected before you present to avoid embarrassing bugs!
Mark As Completed
file_name = Path.basename(Regex.replace(~r/#.+/, __ENV__.file, ""), ".livemd")
save_name =
case Path.basename(__DIR__) do
"reading" -> "capstone_project_guide_reading"
"exercises" -> "capstone_project_guide_exercise"
end
progress_path = __DIR__ <> "/../progress.json"
existing_progress = File.read!(progress_path) |> Jason.decode!()
default = Map.get(existing_progress, save_name, false)
form =
Kino.Control.form(
[
completed: input = Kino.Input.checkbox("Mark As Completed", default: default)
],
report_changes: true
)
Task.async(fn ->
for %{data: %{completed: completed}} <- Kino.Control.stream(form) do
File.write!(
progress_path,
Jason.encode!(Map.put(existing_progress, save_name, completed), pretty: true)
)
end
end)
form
Commit Your Progress
Run the following in your command line from the curriculum folder to track and save your progress in a Git commit.
Ensure that you do not already have undesired or unrelated changes by running git status or by checking the source control tab in Visual Studio Code.
$ git checkout -b capstone-project-guide-reading
$ git add .
$ git commit -m "finish capstone project guide reading"
$ git push origin capstone-project-guide-reading
Create a pull request from your capstone-project-guide-reading branch to your solutions branch.
Please do not create a pull request to the DockYard Academy repository as this will spam our PR tracker.
DockYard Academy Students Only:
Notify your teacher by including @BrooklinJazz in your PR description to get feedback.
You (or your teacher) may merge your PR into your solutions branch after review.
If you are interested in joining the next academy cohort, sign up here to receive more news when it is available.
Up Next
| Previous | Next |
|---|---|
| Rubix Cube | HTML + CSS |