Skip to content
/ chirp Public
forked from dersnek/chirp

A real-time Twitter clone with LiveView and Phoenix 1.5 (https://youtu.be/MZvmYaFkNJI) for those that want to 'code along'.

Notifications You must be signed in to change notification settings

Billboz/chirp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chirp - The 'Code Along' with Chris McCord Version

This is a demo of the latest magic that is baked into Phoenix by Chris McCord (https://youtu.be/MZvmYaFkNJI).

Thank you Mark Tityuk, dersnek on GitHub, for uploading the completed app! Check out his games on https://katatagames.com! If you want to just run the completed app use what I forked at https://github.com/dersnek/chirp.

I have removed the code that Chris McCord inputs in the video excluding some of the post_component.ex file where the code runs off screen. All of the other goodies that allow for the great icons that Chris uses as well as other code that is not shown is intact. This allows you to code along and have the exact returns that are shown in the video.

This repo is complete with everything up through the 'mix phx.server' command including the LiveView routes are in place. The "mix setup" takes care of both "mix ecto.create" and "mix ecto.migrate". You can start coding after the 1:50 point in time.

To start Phoenix server:

  • Do the following from inside the chirp directory.
  • Setup the project with mix setup
  • Start Phoenix endpoint with mix phx.server
  • Start coding along with Chris after the 1:50 time in the video.

Now you can visit localhost:4000/posts from your browser.

Ready to run in production? Please check our deployment guides.

Learn more

About

A real-time Twitter clone with LiveView and Phoenix 1.5 (https://youtu.be/MZvmYaFkNJI) for those that want to 'code along'.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Elixir 76.6%
  • CSS 18.7%
  • JavaScript 4.4%
  • HTML 0.3%