Giter Club home page Giter Club logo

xiv-bars's Introduction

I'm a Graphic Designer and Frontend Engineer

I'm a web design professional specializing in modern web front-end design and development. I love building beautiful, progressive, and accessible websites and applications.

A little about me

Officially, I have a degree in Industrial Design with a concentration on Visual Communication (which is a fancy way of saying Graphic Design). I have many, many years of experience as both graphic designer and full-stack engineer, designing, developing, deploying, and scaling web applications.

I'm currently working on a personal open source project called XIVBARS. It's a webapp for sharing and importing hotbar keymaps into Final Fantasy XIV (a popular MMORPG). It's a project that I like to work on to play with and learn new technologies.

Skills I've acquired over the years

Graphic Design
  • Design Systems
  • Brand Design
  • Digital Illustration
  • Print Design
  • Typography
Web Design
  • Responsive Web Design
  • Progressive Web Design
  • Search Engine Optimization (SEO)
  • Web Accessibility (WCAG, WAI, ARIA)
  • User Experience & User Interface Design
Languages & Tools
  • HTML
  • CSS
  • Javascript
  • Typescript
  • Ruby on Rails
  • PHP
  • Phython
  • PostgreSQL, MySQL
Libraries & Frameworks
  • React
  • NodeJS
  • NextJS
  • Redux
  • Express
  • Webpack
  • Prisma
  • TurfJS
Tools & Tech
  • Git, Github
  • Heroku
  • Google Cloud Services
  • Mapbox

Want to see more?

You can visit my website at https://josebenedicto.com to see more of my work, or reach out by following any of the links below:

xiv-bars's People

Contributors

bdejesus avatar dependabot[bot] avatar dullin avatar epaulet avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

xiv-bars's Issues

Allow browsing other peoples' configurations

It would be very handy to be able to brows other peoples' submissions to see what strategies they might be using.
What would make this extra powerful would be an option to thumbsup/thumbsdown and to sort the output by likes.
Not sure how you'd present this in the UI.

DoH Skills

Was wondering if the DoH are not implemented yet or I'm missing something? Thx

Only first 7 RPR/SGE skills have tooltips

To Reproduce

  1. Choose Reaper
  2. Hover on the Infernal Slice icon.
  3. The tooltip for "Shot" is shown.
    (But the generated macro is ok)

Expected behavior
Infernal Slice tooltip should show; or at least the name Infernal Slice.

Screenshots
image

Desktop (please complete the following information):

  • OS: Win10
  • Browser Chrome
  • Version 95.0.4638.69

Additional context
Add any other context about the problem here.

Missing Class Job Actions

Describe the bug
Multiple classes are missing their job actions, presuming this is not due to the Endwalker expansion, i.e. this is not about Reaper or Sage

To Reproduce
Machinist
Dark Knight
etc...
missing job actions

Expected behavior
Bard for example, has all its class's Job Actions at upper-left, as do some other classes

Option for visual hotbar layout style?

When planning out our hotbars, we often may wish to do so based on how our hotbars will look in game.
The hotbar options allows each bar to be 12x1 (the default), 6x2, 4x3, 3x4, 2x6, and 1x12
Currently the only hotbar layout you display is the 12x1.
Would there be any change that your online tool could be updated to allow us to also change the layout of each hotbar to one of the in game supported layout, so as to help us visually see how our actions would be positioned next to each other please?

General actions not displaying when using the url link.

Hello,

Placing general actions ie "Limit Break" adds g3 to the url. However when using the link created the General action will not be displayed.

Also it would be wonderful to add a potion icon to the list of available actions, as pots are frequently used and position if pots on ones Hotbar is important for ease of use during ones opener.
Thank you for your consideration.

Best,
Kashi

Feature Idea

It would be nice to have a button that hides obsolete skills that were upgraded by traits. For example it would hide Berserk, Inner Beast, Steel Cyclone, and Raw Intuition on Warrior.

Add potions to the list of available actions

Is your feature request related to a problem? Please describe.

It would be wonderful to add a potion icon to the list of available actions, as pots are frequently used and position if pots on ones Hotbar is important for ease of use during ones opener.

Missing Sleep spell

Describe the bug
The Sleep spell is missing in the the Role Actions list for Magical Range DPS jobs (BLM, SMN, RDM, BLU).

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome Version 109.0.5414.74 (Official Build) (64-bit)

Application error when linking to Sage hotbar

Describe the bug
This is reported in the Chrome console when trying to use this link generated by the app.

The chrome extension references appear to be the extension DelugeSiphon, and I would doubt are related.

To Reproduce
Steps to reproduce the behavior:

  1. Make a sage build using Hotbars
  2. Click "Copy URL"
  3. Attempt to view copied URL
  4. See error

Expected behavior
The action bars to load as intended.

Screenshots
Already provided above

Desktop (please complete the following information):

  • OS: Windows 11 Pro 64bit
  • Browser: Chrome
  • Version: Version 96.0.4664.45 (Official Build) (64-bit)

Can't Publish Bars

Hiya. I don't seem to be able to publish any bars I create even though I've not got any saved yet.

The button is greyed out here:
image

When I inspect the element in Chrome it has title="You’ve reached your maximum alotted layouts. Delete others to publish new ones." but it doesn't tell me this anywhere on the page itself.

As you can see, I have nothing saved/published yet:
image

I can copy the URL for the bars and bookmark it though.

First time writing one of these, sorry if there's any information I missed!

Cannot save layout

I have a bunch of saved urls from before the update was made to save layouts to your linked discord account. I'd like to save all of these layouts to my account, rather than create them all from scratch, but when I click the "publish" button to save one of these existing layouts, I get "Couldn’t save layout. Please try again."

XHB labeling for WXHB/Expanded

Is your feature request related to a problem? Please describe.
Not a problem, just informational

Describe the solution you'd like
Right now the "WXHB" section lists sets 1,2,3, (+ to 8).
First, I need to point out that WXHB specifically means Double Cross Hotbar (In Japanese, "W" and "Double" are both pronounced "Da-buru" so that's how the naming for W = Double came to be). The regular cross hotbar sets are just called XHB.
But the feature request would be to label a set as being part of WHXB or Expanded. This would help people visualize the setup better.

Describe alternatives you've considered
The alternative is to explain this outside of the site.

Additional context
WXHB (double tap) and Expanded (L2+R2) fundamentally change how a person accesses their hotbars, so a visual indicator of which sets are being used as part of WXHB and Expanded would make it more shareable so other people viewing the linked set can understand what is going on.

DoH classes display incomplete skill lists

By my count, all crafting classes essentially have the same 34 skills (although one is only for Specialists and several have different icons). The planner currently only shows ten skills for all DoH classes.

The ten you choose seem to all share icons; however, not all cross-class skills still appear. For one, Name of the Elements displays while Brand of the Elements does not.

As a quick query of the database you're drawing from, a la

search?filters=ClassJob.ID=10&string=

seems to show all of the skills, something must be going wrong with fetching them.

Clicking my layouts shows an error message

The error shown is:
APPLICATION ERROR: A CLIENT-SIDE EXCEPTION HAS OCCURRED (SEE THE BROWSER CONSOLE FOR MORE INFORMATION).
I'm wondering if it might be that there are too many sets saved since I didn't "publish" them all as I went through them and then tried to at the end, and it capped the number of sets? I tried erasing cookies and history and cache, but it didn't do anything. I would like to be able to delete some sets off my account but the error shows up when I go to that page.

Site seems to be down - Application Error

Describe the bug
Tried to use site/application and all I get is an error screen.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://xivbars.bejezus.com/
  2. See error

Expected behavior
The site to work

Screenshots
ff14PlannerError

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Chrome and Microsoft Edge
  • Version: Latest version

Additional context
If you can't see the screen shot it says:
"Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail"
Might've just been a bad commit/merge. Just letting you know what's going on

Setup for Actions, Companions, System Settings, etc.

I love this tool! My only complaint and thing that would be a great addition to it would be the inclusion of all FFXIV elements that are able to be added to Hotbars.

What I mean is adding the icons from the player actions menu or any other menu like system configuration, character configuration, etc.

Since this is built using the FFXIV API, from what I understand anyways, all those icons are already available.

I also add items like food and potions, stuff like that to my Hotbars but those are things I can live without bein added to the tool. With so many items it would be tie consuming for the developers to include them and I’m sure most users wouldn’t mind not having them included.

I included a picture of what some of my Hotbars look like. Sorry for the resolution as I’m currently playing on my PS4 and not at a computer to take better screenshots.

As you can see in the screenshots I use a lot of the system icons and a lot of macros icons added to my Hotbars and it’s becoming really common for a lot of players to use these types of UI setups. Configurations like the “collapsing or adaptive” UI Hotbars are, IMO, commonplace.

When I start a new job class this tool really helps out a lot. It’s also great for saving references to past setups or sharing setups with friends easily.

image

image

image

I’m not saying to include the various ways each Hotbar can be configured, though it would be a nice gesture, but the icons that are in them. Sure some players use different setups other that the default “12x1” row setup but doing the positioning of the icons on the screen is something we, the users can do ourselves.

Add toggle ability names display

I don't know all of the abilities by their icons yet. Is it possible to add a toggle that will add the ability name below its respective icon?

SGE and RPR?

Hello, are there any plans for the near future to include Sage and Reaper jobs in the website?
Thank you

Clone saved layout

First of all, thanks for the awesome tool! 🙂 It's been really helpful for homogenizing my layouts across different jobs in the same role, and for experimenting with ways to work around the awkwardness of dpad targeting + dpad hotbar.

ANYWAY the actual FR: I mostly use the site for tracking / comparing changes to my hotbar layouts that I'm testing out, so it'd be nice to have a way to duplicate a saved layout to a new slot & then edit that while preserving the old one.

As an alternative, a way to get the unsaved/logged-out URL corresponding to a saved layout would also work since you could grab that URL, edit from that, and save it as a new layout.

I'd offer to throw together a PR for this myself, but I have almost no web dev (or js in general) experience, sorry 🙁

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.