Phoenix App from Scratch

Welcome to our Elixir full course, 'Phoenix LiveView: Building a GitHub Gist Clone'! Jacob Luetzow, your Elixir Mentor, will lead you through creating a GitHub Gist clone with Phoenix LiveView. Starting from the basics of setting up a Phoenix LiveView app, we'll cover essential topics like user authentication, form validation, database interactions, and designing an engaging user interface. We're not stopping there; we'll dive into enhancing our app's look and feel with Tailwind CSS and JavaScript. Each tutorial in this series is designed to build upon the previous, offering a comprehensive step-by-step guide to tackle real-world Elixir programming challenges. Whether you're just starting or are an experienced developer keen to broaden your Elixir knowledge, this series has something for everyone. Ready to start building sophisticated web applications with Phoenix LiveView? Press play, and let's begin this educational adventure together!

Join Elixir expert and author Bruce Tate as he walks through updated features on Phoenix 1.7. For the entire series, subscribe at Grox.io

A full (free!) course to learn how to test LiveViews with LiveViewTest. For more, see TestingLiveView.com, ElixirStreams.com. And if you need help with Elixir and Phoenix development, let's chat! GermanVelasco.com

💰 Mentorship to six figure software engineer - https://calcur.tech/mentorship ⚙️ Backend Engineering Mind Map - https://calcur.tech/mindmap 💻 System Design Playlist - https://calcur.tech/system-design Elixir Programming Introduction - https://youtu.be/-lgtb-YSUWE Timestamps: 00:00:00 - Intro 00:01:20 - What is Elixir Phoenix 00:03:38 - MVC Pattern 00:05:49 - Installation 00:08:25 - Project Structure 00:10:03 - Main files 00:11:08 - Other Folders 00:12:12 - Create a Repo 00:13:59 - Basic Application Architecture 00:16:12 - Adding a New Page with Mock Data 00:22:24 - Creating an API 00:22:49 - Working with the Database 00:31:53 - Routes 00:32:48 - Updating a Resource 00:34:45 - Delete 00:35:23 - Users and Relationships 00:36:01 - Update the Model 00:37:23 - Making the association in models 00:40:25 - Nested Data in API Calls 00:43:17 - Get a User’s Posts 00:48:21 - Conclusion 💯 FREE Courses (100+ hours) - https://calcur.tech/free-courses 🏆 C++ Mastery Course - https://calcur.tech/cpp-mastery 🐍 Backend Python Course - https://calcur.tech/backend-python 🥇 Python Mastery Course - https://calcur.tech/python-mastery ~~~~~~~~~~~~~~~ CONNECT ~~~~~~~~~~~~~~~ ✉️ Newsletter - https://calcur.tech/newsletter 📸 Instagram - https://www.instagram.com/CalebCurry 🐦 Twitter - https://twitter.com/calebCurry 🔗 LinkedIn - https://www.linkedin.com/in/calebcurry ▶️ Subscribe - http://calcur.tech/subscribe 👨🏻‍🎓 Courses - https://www.codebreakthrough.com 🅿 Patreon - http://calcur.tech/patreon-calebcurry

Watch us build a complete real-time polling app using ONLY AI! Andrew Stewart (@srcrip) & Daniel Bergholz (@DanielBergholz) join me as we let Claude Code + Tidewave do ALL the coding. No manual code writing allowed! We built authentication, real-time voting, dynamic forms, live updates, and a polished UI - all through AI prompts. The result? A fully functional Phoenix LiveView app with 13 commits in just 2 hours! 00:00 - Introduction and sponsor message 04:00 - Setting up the live coding challenge and polling the audience 09:00 - Introducing Claude Code and the wild card project selection 15:25 - Installing and configuring Claude Code for the first time 23:30 - Setting up Tidewave MCP for Elixir integration 32:00 - Creating the Phoenix project and initial setup 40:00 - Building polls schema and embedded options 48:00 - Implementing Phoenix authentication with gen.auth 1:05:00 - Creating live views and dynamic forms 1:20:00 - Adding real-time voting functionality with PubSub 1:27:00 - Debugging with Tidewave's powerful runtime integration 1:35:00 - Building authorization and user permissions 1:45:00 - Adding vote changing functionality and UI polish 1:55:00 - Creating a stunning homepage with Claude's design skills 2:05:00 - Setting up GitHub workflow and creating pull request 2:15:00 - Wrap-up and reflections on AI-assisted development Tools Used: Claude Code (agentic terminal AI) Tidewave MCP (Elixir runtime integration) Phoenix LiveView + Tailwind CSS Judge Our Vibe Code: Open PR: https://github.com/ElixirMentor/pulse_vote/pull/1 Connect: Andrew: @srcrip Daniel: @DanielBergholz Support Elixir Mentor: https://elixirmentor.com/?utm_source=elixir-mentor #TideWave #ClaudeCode #ElixirLang #PhoenixFramework #AIcoding #VibeCoding #LiveView #ElixirMentor

Learn the powerful Phoenix framework for Elixir in this crash course, covering key concepts like routing, controllers, HEEx components, Ecto, authentication, internationalization, and JSON APIs. With a mix of theory and hands-on examples, you'll gain both foundational knowledge and practical skills to build robust web applications