All Projects → Angarsk8 → Phoenix Vue Demo

Angarsk8 / Phoenix Vue Demo

Basic app developed with Phoenix and Vue 2.0, including authentication.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Phoenix Vue Demo

Cordovue
A sample Apache Cordova application using VueJS.
Stars: ✭ 66 (-17.5%)
Mutual labels:  vuejs2
Vue Numeral Filter
Vue.js filter for Numeral.js 🔢 🔣
Stars: ✭ 73 (-8.75%)
Mutual labels:  vuejs2
Coherence
Coherence is a full featured, configurable authentication system for Phoenix
Stars: ✭ 1,207 (+1408.75%)
Mutual labels:  phoenix-framework
Vue Builder Webpack Plugin
Webpack plugin to build vue files automatically
Stars: ✭ 70 (-12.5%)
Mutual labels:  vuejs2
Vue Dataflow Editor
Vue 2 dataflow graph editor
Stars: ✭ 73 (-8.75%)
Mutual labels:  vuejs2
Developmint.de
Open source company page built with Nuxt.js and TailwindCSS
Stars: ✭ 74 (-7.5%)
Mutual labels:  vuejs2
Muse Ui
Material Design UI library for Vuejs 2.0
Stars: ✭ 8,302 (+10277.5%)
Mutual labels:  vuejs2
Vue Particles
Vue.js component for particles backgrounds ✨
Stars: ✭ 1,220 (+1425%)
Mutual labels:  vuejs2
Aspnetcore Vue Starter
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
Stars: ✭ 1,182 (+1377.5%)
Mutual labels:  vuejs2
Radiator
Podcast Hosting & Publishing | The spark ✨ that lights the fire 🔥
Stars: ✭ 77 (-3.75%)
Mutual labels:  phoenix-framework
Http Vue Loader
load .vue files from your html/js
Stars: ✭ 1,172 (+1365%)
Mutual labels:  vuejs2
Docker Nuxt
Docker image to run NUXT.js application in production mode
Stars: ✭ 71 (-11.25%)
Mutual labels:  vuejs2
Vue Standalone Component
Vuejs template to build components with livecoding, tests, documentation and demos
Stars: ✭ 75 (-6.25%)
Mutual labels:  vuejs2
Electron Vue Webpack
A minimal Electron + Vue 2 + Webpack 2 setup for quick development.
Stars: ✭ 70 (-12.5%)
Mutual labels:  vuejs2
Vue2 Multi Uploader
Drag and drop multiple file uploader with Vue.js v2 and Axios
Stars: ✭ 77 (-3.75%)
Mutual labels:  vuejs2
Vee Validate
✅ Form Validation for Vue.js
Stars: ✭ 8,820 (+10925%)
Mutual labels:  vuejs2
Vue Flask
Quick web Dasboard / REST API with Prometheus exporter
Stars: ✭ 73 (-8.75%)
Mutual labels:  vuejs2
Vue Cloudfront
vue-cloudfront - PWA for cloud storage with focus on design and performance. Made especially for self-hosting purposes. Build with vuejs2 and vuex. Always Open Source, MIT license.
Stars: ✭ 80 (+0%)
Mutual labels:  vuejs2
Vue Cytoscape
cytoscape.js now inside vue.js
Stars: ✭ 78 (-2.5%)
Mutual labels:  vuejs2
Vue Scroll Progress Bar
Vue.js plugin for page scroll progress bar
Stars: ✭ 76 (-5%)
Mutual labels:  vuejs2

Basic Authentication Example Built With Phoenix, Vue 2.0 and Vue Router 2.0

*Sorry for not having the commit history of this project, at the beginning I didn't realize that I was going to upload it to Github

To start this application locally:

  • Make sure you have installed Elixir, Erlang, Phoenix, Node and PostgreSQL
  • Install the Mix dependencies: $ cd server/ && mix deps.get
  • Create, migrate and seed the development database: $ mix ecto.setup
  • Start the Phoenix Server: $ mix phoenix.server or $ iex -S mix phoenix.server
  • Install the NPM packages $ cd ../client/ && npm install
  • Start the Express development server: $ npm run dev

To build the Vue.js project for production:

  • In the client directory, run $ npm run build (this will execute the build/build.js script and will copy the produced files to the server/priv/js/ and server/priv/css/ directories)

To deploy this application on Heroku:

  • Follow this guide in the Phoenix website.

Next Steps:

  • Deployment using Docker and Docker-Compose.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].