Star Wars Character Sheets

See it live Here!

Project Description

This project is based on Star Wars roleplaying game from fantasy flight games(Source). This eliminates the use of pencil and paper from play sessions, and you'll be able to digitize your character sheets and bring them anywhere you go. This is largely beneficial for sessions that rotate between remote sessions and in-person sessions.

Think Dungeons & Dragons character sheets, but translated for the use in Star Wars RPG.

Collaborators

Davis Nguyen | Grace Narez

Tech Stacks

MongoDb
Express.js
React
Node.js

RESTful Routing Chart

Installation Instructions

Fork and clone this repo along with the backend server
Run npm i to install all dependencies for both the server and client side.
Create a .env.local file in the client side. Add a REACT_APP_SERVER_URL environment variable into that file. This is our local server URL.
Create a .env file in the server side. Add a JWT_SECRET environment variable to this file.
Run npm start in the client and nodemon in the server side to get the app running.

Approach

We began this project by planning a rough MVP and user stories, while also brainstorming possible stretch goals that we could work on once the basic functionality was completed. This brainstorming aided in the easy implementation of the backend and how the data would be stored with the user in mind.

To keep each other on track throughout the week, we stayed in communication and utilized live share to do paired coding during work times.

After the planning, we began working on the backend starting with the database schemas and code to hangle requests from the client. After completing and testing all routes and schemas through postman and confirming functionality, we started on the frontend.

Starting with as basic functionality as we could. We added CRUD functionality to all necessary components. After this, we were able to soley work on styling and small bug fixes and tweaks.