Looking For Group

By Matt C.

A network to allow players and DMs to coordinate and arrange game sessions for Dungeons and Dragons.

Technologies Used

• NPM/WebPack
• HTML/CSS
• React/Redux
• Firebase/Firestore
• JavaScript/JSX
• NoSQL
• Diagrams.net

Component Diagram

Description

My capstone project at Epicodus. An MVP for a simple networking site that allows Dungeon Masters to coordinate and set up new groups of players. Account-based authorization, full CRUD functionality on games you post.

Setup/Installation Requirements

• Run git clone https://github.com/catperso/looking-for-group from the terminal to clone the project directory to your device.
• cd into the looking-for-group directory then run npm install from the terminal to set up the environment and install all the npm packages.
• Follow these instructions here to set up a firebase project.
• Create a file in the root directory named .env and copy the following code into it:

REACT_APP_FIREBASE_API_KEY = "[YOUR-KEY]"
REACT_APP_FIREBASE_AUTH_DOMAIN = "[YOUR-AUTH-DOMAIN].firebaseapp.com"
REACT_APP_FIREBASE_DATABASE_URL = "https://[YOUR-DATABASE-URL].firebaseio.com"
REACT_APP_FIREBASE_PROJECT_ID = "[YOUR-PROJECT-ID]"
REACT_APP_FIREBASE_STORAGE_BUCKET = "[YOUR-STORAGE-BUCKET].appspot.com"
REACT_APP_FIREBASE_MESSAGING_SENDER_ID = "[YOUR-MESSAGING-ID]"
REACT_APP_FIREBASE_APP_ID = "[YOUR-APP-ID]"
REACT_APP_FIREBASE_MEASUREMENT_ID = "[YOUR-MEASUREMENT-ID]"

• ... and replace all the placeholders including their brackets with your database information.
• Then navigate to the Authentication tab on your Firebase console and select Email/password as the sign-in method to enable.
• Run npm run start from the terminal to build the project and start a live development server.
• Navigate to localhost:3000 in your favorite web browser to enjoy the project. (this part should happen automatically)

Known Bugs

• The project is not currently hosted live anywhere.

License - MIT

If you run into any problems/bugs feel free to send me an email (mc.casperson@gmail.com) with details.

Copyright (c) 2022 Matt C.