Valhalla - Your D&D characters at the tip of your fingers

Try it out

username: testuser password: testapp

Deployment link: https://warm-dusk-48851.herokuapp.com/users/login

Value proposition

Valhalla is a mobile app that allows the user instant access to all their D&D characters ina mobile-friendly interface. Campaign, convention, meetup - no matter where, you can share and play all your characters with other D&D players.

Investors

Valhalla is able to capture a clear picture of user preferences through voluntary data inputs for targeted advertising in a hard to reach niche market. Due to the creation of very personal characters the app and its content can be experienced on an emotional level drivng product loyalty. A rapid increase of Valhalla's popularity under D&D players is anticipated because the app is mostly used in a social context. Moreover, the app has great potential to be developed and to offer more functionality to the user opening even broader opportunities for monetization.

Frontend / UI

Valhalla's frontend is made with HTML and JavaScript supported by Bootstrap and jQuery. For dynamic content the templating package EJS was used.

The user will enters app through a login screen to log in or create a new account with their email address. Once logged in, a dashboard with a list of all characters is displayed and the option to create a new character is given. On click on an existing character all stats are displayed in a well-organized one-page layout. Upon click on "Create Character" the user is guided to a page where they can create a character with randomized stats or create a character with custom stats. If available a picture can be uploaded.

Backend / Code structure

The app uses an express server in connection with a SQL database supported by Sequelize to define tables and object relational mapping. The server accepts routes to display the frontend as well as routes to authenticate users, to get and calculate character data. The database is structured into 8 tables representing all character information.

File Structure

├── README.md
├── config
│   ├── auth.js
│   ├── config.json
│   └── passport.js
├── dbSeeds
│   └── seeds.sql
├── models
│   ├── armor.js
│   ├── characterNames.js
│   ├── characters.js
│   ├── class.js
│   ├── index.js
│   ├── race.js
│   ├── schema.sql
│   ├── user.js
│   └── weapons.js
├── package-lock.json
├── package.json
├── public
│   └── assets
│       ├── css
│       │   ├── character.css
│       │   └── styles.css
│       ├── images
│       │   ├── checkboxCheck.png
│       │   ├── checkboxUncheck.png
│       │   ├── copper.jpg
│       │   ├── default.png
│       │   ├── logo.png
│       │   ├── paper.jpg
│       │   ├── paper2.jpg
│       │   ├── stone.jpg
│       │   └── wood.jpg
│       └── javascript
│           ├── calculator.js
│           ├── characterAdd.js
│           ├── characterVIew.js
│           ├── dashboard.js
│           ├── frontend.js
│           ├── javascript.js
│           └── login.js
├── routes
│   ├── apiRoutes.js
│   ├── calculator.js
│   ├── getData.js
│   ├── htmlRoutes.js
│   ├── index.js
│   └── user.js
├── server.js
├── test
│   └── canary.test.js
└── views
    ├── characterAdd.ejs
    ├── characterUpdate.ejs
    ├── characterView.ejs
    ├── dashboard.ejs
    ├── layout.ejs
    ├── login.ejs
    ├── partials
    │   └── messages.ejs
    ├── register.ejs
    └── welcome.ejs

Technologies Used

• AWS

• Passport

• Bootstrap

• EJS

• Express.js

• MySQL

• Node.js

• Sequelize

  ---

The CriticalCode Team:

• Markus Markowich

• Jeremy Muniak

• Elias Roussos

• Dave Ward