![5e character builder json 5e character builder json](https://img.itch.zone/aW1hZ2UvMjExMTc5Lzk5MzMzNy5qcGc=/508x254%23mb/15ihMA.jpg)
If you're OCD like I am, you can go ahead and delete the "favicon.ico" file and "/assets" folder as we won't need them for this project.ĭiving into /src/main.js, we see: import Vue from 'vue' Let's open the project directory in our code editor to take a look at the file structure, which should look like this: It'll also reload the page automatically upon file changes, and throw errors if something in the code looks amiss. Nice! The Vue CLI has scaffolded a basic app for us, and is rendering it right into the browser. When the script has completed running, we can now open a browser page and navigate to the URL indicated by our terminal (usually or 8081). We can run our app by first navigating into the /client folder: cd client You can just hit "enter" at the prompt to keep going.
#5E CHARACTER BUILDER JSON INSTALL#
We'll then install the Vue CLI globally to help us scaffold a basic app: npm install -g we'll use the Vue CLI to create a new app called "Client" within our mevn-character-generator directory: vue create client We'll begin by opening a command line, creating a new directory for our project, and navigating into that directory: mkdir mevn-character-generator The Vue Client will make HTTP requests to the Node/Express Server (or " API"), which will in turn communicate with our MongoDB Database to send data back up the stack. Our app is going to allow us to create new roleplaying game characters and view them altogether, with the following stack: You can access the entire repository for this tutorial on GitHub. I used each of these articles in addition to official documentation (for Vue, Express, and a whole lot more) in learning to create my own MEVN apps (you can read more about my journey with web APIs here). I should also mention that this tutorial would not have been possible without Bennett Dungan's article on building a REST API, Aneeta Sharma's tutorial on full stack MEVN web apps, and Matt Maribojoc's article on the same topic. If you'd prefer to follow along with a visual tutorial, you can check out the companion video to this article below: Prerequisites: this tutorial presumes that you have Node/ NPM and MongoDB installed and configured, with a code editor and CLI (or IDE) ready to go.
#5E CHARACTER BUILDER JSON GENERATOR#
In this article, we'll walk through the steps to create a roleplaying game character generator using MongoDB, Express, Vue, and Node (also known as the "MEVN" stack). I'm a tabletop game developer, and enjoy making apps that have the potential to perform some service related to gaming.