[series] Build a complete budget tracking app in Phoenix LiveView!
In this zeroth episode, we'll:
- Set up a new Phoenix project
- Learn how Phoenix projects are structured
- Add secure authentication with phx.gen.auth
- Extend the generated code with a custom `name` field
- Learn how to go from form to database and back again
- Make sure the tests all work!
- Establish the foundation on which the rest of the project will rely
Unlike tutorials that only show isolated features, this series aims to demonstrate the process of building a real application from start to finish. Perfect for both new and experienced Phoenix developers looking to level up their skills.
Future episodes will cover forms, LiveView, navigation, resource scoping, and more. All code available on GitHub.
Links
Screen recording software I use (affiliate): https://screen.studio/@Yy75o
Project repo: https://github.com/ChristianAlexander/tutorial-budget-app
Changes from this video: https://github.com/ChristianAlexander/tutorial-budget-app/pull/1
Additional work and tests: https://github.com/ChristianAlexander/tutorial-budget-app/pull/2
phx.gen.auth documentation: https://hexdocs.pm/phoenix/Mix.Tasks.Phx.Gen.Auth.html
Timestamps
What are we doing? - 00:00
Start building - 1:16
Exploring first view - 2:28
Auth - 3:37
What was generated? - 5:03
On database migrations - 5:48
What's in a name? - 8:29
Extending a LiveView - 11:25
Changesets rule - 13:30
End result - 15:49
