Skip to content

Latest commit

 

History

History
33 lines (25 loc) · 1.77 KB

README.md

File metadata and controls

33 lines (25 loc) · 1.77 KB

abd-comp-challenge-1

This is a static site called "Pedalboard" designed for users of guitar effects pedals to create mock pedalboards with effects pedals that they own or are interested in purchasing.

If this were functional, users would be able to:

  • Add pedals that they own or are interested in owning to a virtual collection in their user-profile.

  • Add pedals from their collection to the "build" page, where they can try out different pedal configurations and see information about each device.

  • Save pedalboards that they like to their profile for reference later.

Each pedal shows up as an image, and an information card about that pedal is displayed when a user hovers over the image.

Information cards include:

  • A button to delete the pedal from the current board.
  • A fraction that depicts what order of the signal flow each pedal is in.
  • The name of each pedal, and company that produces it.
  • A brief description of the character of each pedal.
  • The category of each effect.
  • A link to the manufacturers website for more information.

Below is the original comp that this was based on:

Original Comp

Here is Pedalboard main view for comparison:

Main Page View Fullscreen

And with an information card showing:

Main page view with info card

As we re-size the window, the website responds:

Responsive layout 1 Responsive layout 2 Mobile view with header Mobile view with information card

This page can be seen in Github Pages deployment Here