Code Monkey home page Code Monkey logo

the-sheet-show's Introduction

The-Sheet-Show

What is the point of this app?

This app was designed to help players create a character by using a list or "sheet" of characteristics, similarly to how popular RPG/simulation games allow you to create a character at the start. When the user has created their character, this character and their information is saved inside a mySQL database and can be accessed again when the user logs into the website. The real-world application of this app could be used for a myriad of different game sites, and could be customizable based on the ideas of the developers.

How did we build this app?

Our team (Erik Plachta, Connie Barrantes, Christiana Morales, Mary Margaret Lawton), divvied up the responsibilities based on what our strong suits were. We used the below technologies:

  • Bcrypt
  • Bootstrap
  • Connect-Session-Sequelize
  • Character-Sheet-CSS
  • DnD5e API
  • Dotenv
  • Express
  • Express-Handlebars
  • Express-Session
  • Heroku
  • JawsDB
  • MySQL2
  • Node.js
  • Restful API
  • Sequelize
  1. To start, we built out Handlebars, our models (Hero, User), and controllers. We also verified that everything was working as expected before moving forward.
  2. Next, we worked on bugs we encountered, finishing touches, and improving the overall functionality.
  3. Lastly, we worked on the style, images and closing out the remaining github issues.

What challenges did we face?

Our main challenge was working on the different files and connecting them to each other. Thankfully we used class time to get a pulse on where we stood and had steps to complete and move forward before the next class time. Everyone having different strengths and weaknesses was great because for the most part we got to work on things we wanted to, and learn with our group members on things we weren't as strong in.

Where can we use this app?

You can view the app at the sites below:

What does it look like?

LogIn.png CharacterCreator.png Characters.png Sheet.png

the-sheet-show's People

Contributors

barrantesc avatar erikplachta avatar mmlawton15 avatar nicavulcan avatar

Stargazers

 avatar

Forkers

erikplachta

the-sheet-show's Issues

Bug: Navbar hamburger

Navbar should not be 'hamburger' style when viewed in full size. Menu should expand horizontally instead.

bug: Character cards view responsiveness

Currently character cards shrink to an uncomfortable width as screen size decreases. When viewed in mobile-sized screens, only character card should be displayed in each row.

Character card reformat

Character card info should be minimal and contain the more personalized information to stand out from other cards with similar options chosen.

bug: Character delete by anyone

A user should only be able to delete their own characters. Modal that pops up when character is clicked could be a small menu instead of whole character card. If in home page, options are limited to viewing character details. If in personal profile, options include viewing and editing character details, and deleting character.

Roll for scores

Allow user to roll for each score and notify when a bonus has been applied.

Feature: Login /Signup Custom CSS

Request:

Remove bootstrap package 100%

How:

Build the CSS for the specific requirements, and that's it.

Why:

We know how to do it ourselves, it was a temporary solution, and its causing issues

  • #10

  • Overall, it's an over complication.

  • Causing issues with other styling

  • A LOT if unused content that's onboard into the app

  • We don't know everything Bootstrap is doing

Login and Sign up forms in same page

Log-in page should prompt user to choose between logging in or signing up with a new account. A form corresponding to user's choice should appear. The forms will be in the same page and will appear dynamically depending on user choice.

Separate homepage and landing page

Home page shall have a slideshow of different characters created by users.
Landing page should explain purpose of page and method behind character creation.

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.