Coder Social home page Coder Social logo

elfsvet / homebrew Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 1.0 15.73 MB

We have created an all in one Dungeons and Dragons application where users can create an account, create and save their own character builds, see and comment on other users’ characters, and receive feedback on their own builds! We hope that HOMEBREW will allow players to show off their creativity and find inspiration while building a community.

Home Page: https://radiant-thicket-52137.herokuapp.com/

HTML 3.16% CSS 0.21% JavaScript 96.63%
mern-stack

homebrew's Introduction

HOMEBREW

Dungeons and Dragons community app A link to the project website is here.

Table of contents

General Info

Logo

We have created an all in one Dungeons and Dragons application where users can create an account, create and save their own character builds, see and comment on other users’ characters, and receive feedback on their own builds! We hope that HOMEBREW will allow players to show off their creativity and find inspiration while building a community.

Technologies

Project is created with:

  • Node
  • React
  • Apollo
  • JavaScript
  • CSS
  • Graphql
  • MongoDB

Installation

To run this project on your local machine:

  • git clone https://github.com/elfsvet/homebrew.git
  • cd homebrew
  • npm ci
  • npm start

Instructions

Just open the link and do your stuff.

Features

  • Bootswatch
  • React-bootstrap
  • Concurrently
  • Jwt
  • Mongoose
  • Express
  • Faker

Screenshots

Example gif

Usage

Create your personal characters and enjoy other builds of your favorite races and classes.

Project Status

Project is: complete

Room for Improvement

To do:

  • Upload photos to use as profile pictures and character art.
  • Upvote feature on builds and allow search filter by popularity.
  • Allow users to save other users’ characters for future reference.
  • Virtual roll dice animation feature.
  • Add additional levels to characters to allow for feats and max builds.
  • Add an info snippet when users hover over classes, races, stats, etc.
  • Add a donate page to support the dev team :)

Acknowledgements

  • This project was inspired by UM Coding Boot Camp
  • This project was created from module code + extra effort + Redux tutorial

Contact

If you still have any questions, please don't hesitate to contact me: Created by:

linkedin logogithub logo Armon

linkedin logogithub logoJulio

linkedin logogithub logoYolanda

linkedin logogithub logoStepan

homebrew's People

Contributors

elfsvet avatar justjulio95 avatar abstrack5 avatar yoli19 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

abstrack5

homebrew's Issues

Create feature Build info

  • Character name: string input
  • Character bio: string input
  • Race: dropdown list
  • Class: dropdown list
  • Abilities: Standard array is 15, 14, 13, 12, 10, 8. Please match these stats to your characters skills: STR, DEX, CON, INT, WIS, CHA
  • HP: Your class of {class} has a range of {x}-{y} hp. The average hp is {z}. Please enter {z} or roll a {dice} and enter your result: integer input. Validate for range x-y.

Create a feature My profile

  • Username
  • Bio
  • Profile picture?
  • List of your own builds
  • My party members tab
  • My bookmarks tab
  • Edit profile button

View build page

  • Detailed info for one build
  • Comment section
  • Bookmark build feature
  • Upvote feature?
  • For your own builds: edit build button

Future development

  • Add levels to characters and allow for maxed out builds
  • Feats
  • Upload photos/art of characters
  • Add a virtual roll dice feature
  • Add an info snippet when the user hovers over stats, races, classes, etc.
  • Add a donate page to support the dev team :)
  • Profile pictures
  • Upvote feature on builds and allow search by popularity

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.