https://github.com/rodrigosaint/rpgfy-vue

This project is part of a project to experiment different tecnologies. This is a frontend with Vue.
https://github.com/rodrigosaint/rpgfy-vue

quest rpg skills vue

Last synced: 20 days ago
JSON representation

This project is part of a project to experiment different tecnologies. This is a frontend with Vue.

• Host: GitHub
• URL: https://github.com/rodrigosaint/rpgfy-vue
• Owner: RodrigoSaint
• Created: 2017-10-26T10:35:17.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-08T16:39:48.000Z (over 8 years ago)
• Last Synced: 2025-03-18T14:50:18.471Z (about 1 year ago)
• Topics: quest, rpg, skills, vue
• Language: JavaScript
• Size: 138 KB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# RPGFY Project

The RPGFY project is a group of smaller projects to experiment, train and develop tecnologies, skills and process.

During the development I will write a article based in each tecnology used.

The goal with this is to create a system that covers the most common skills such as user input, validation, data access, security, image upload, asyncrony, hashing, logging, continuous deploy and etc.

To achive this goal every project should result into a application that will have at least:

 Item | Description 

 -----| :------------: 

**User Creation**| The user should be created with an e-mail, password and mage. After submitting the form a welcome e-mail should be sent, the assword should be hashed and the image should be saved into a file. 

**Login** | The user should be able to login to access other areas. 

 **Quest list** | The user should be able to see it quests and filter them 

 **Quest creation** | The user should be able to create a quest.

 **Quest edition** | The user should be able to edit a quest.

 **Quest status change** | The user should be able to change the quest status

__RPGFY VUE__

This project should experiment Vue as front-end. The resulting articles of this project are at: 

- https://developertipsblog.wordpress.com/2017/09/11/introducao-ao-vue-js/

- https://developertipsblog.wordpress.com/2017/11/12/vuex-gerenciando-o-estado-de-sua-aplicacao/

To execute this project you can use the rpgfy-backend-* repositories.

__Technologies/skills used__

 1. Vue.js

 2. Vuex

 3. Picnicss

__Results__

![Player Creation](https://rpgfy.blob.core.windows.net/rpgfy-vue-promo/player-creation.PNG)

> Player Creation

![Login](https://rpgfy.blob.core.windows.net/rpgfy-vue-promo/login.PNG)

>Login

![Status](https://rpgfy.blob.core.windows.net/rpgfy-vue-promo/status.PNG)

>Status

![Quest List](https://rpgfy.blob.core.windows.net/rpgfy-vue-promo/quest-list.PNG)

>Quest List

![Quest Creation](https://rpgfy.blob.core.windows.net/rpgfy-vue-promo/quest-creation.PNG)

>Quest Creation

![Quest Creation Mob Selection](https://rpgfy.blob.core.windows.net/rpgfy-vue-promo/mob-selection.PNG)

>Quest Creation Mob Selection