vue-phoenix-chat icon indicating copy to clipboard operation
vue-phoenix-chat copied to clipboard

Chat built with Vue.js 2.0 and the Phoenix Framework (Elixir)

Vuechat

Wrote a small tutorial on how to use Phoenix and Vue.js 2.0 to create a small and simple chat web-app. This is the source code and the tutorial it self can be found on Medium here: https://medium.com/@jespr/create-a-simple-chat-web-app-using-phoenix-and-vue-js-bc5d82e53f9b#.52wq26l7p

To start your Phoenix app:

  • Install dependencies with mix deps.get
  • Create and migrate your database with mix ecto.create && mix ecto.migrate
  • Install Node.js dependencies with npm install
  • Start assets server npm run watch
  • Start Phoenix endpoint with mix phoenix.server

Now you can visit localhost:4000 from your browser.

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

Learn more

  • Official website: http://www.phoenixframework.org/
  • Guides: http://phoenixframework.org/docs/overview
  • Docs: https://hexdocs.pm/phoenix
  • Mailing list: http://groups.google.com/group/phoenix-talk
  • Source: https://github.com/phoenixframework/phoenix