jespr/vue-phoenix-chat

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

vue-phoenix-chat's Issues

Getting Vue warning ins MessagesList

[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.