wbconnor/srbg3

Sim Racing Buyers Guide V3

srbg3's Issues

Add a Picture property to each product type

Link to a high quality image (how should that be hosted?)

On mobile change cards layout

When switching to mobile view the current cards layout looks horrible. Change to a picture over info style for smaller screens.

Compatibility icons styling

• Text should be right aligned instead of left
• Shorten Xbox One text ? Use actual icons ?

Only show snippet of Description on small screen

On mobile the description field gets too tall. Find a way to use CSS media queries to only show a snippet of the description.

Build out the Filter component

Build and style the Filter component so users can compare only the products they actually care to see, and the filters won't always be on the screen.

Create user accounts

Allow users to save display settings, select favorite products, select products owned or previously owned, add notes, reviews and content/links about the product.

• Anonymous users
• Non-verified, logged in users
• Verified users
• Moderators
• Administrator

Verify users with email?

Create a Cards view

The cards view will primarily be for mobile users, so depending on CSS media queries the view style will default to the data table for desktop users and card view for all other users.

Also allow users to override whether they want the cards view or the data table.

Add other wheel properties

Wheel properties still to be added:

• diameter
• rotation
• torque
• brushless_motor
• resolution

Create the product page

Each product should have its own page where a large picture of the item and more detailed information is showed, and possibly shows results from the internet which talk about recent news, reviews, etc.

Create link from the data table to the product page -- click anywhere on the row for the link.

Change the home page to a product type select view

Right now the homepage is the data table for wheels. But it probably should be a product type selection page, maybe with some other data on there too, like embedded news stories or something.

Show the other products

Wheels are displaying in the data table view successfully. Copy this pattern to show pedals, shifters and brakes as well.

Show yes/no for brushless_motor instead of binary

Figure out how to add an "if" in the Vue component, and show yes/no instead of 1/0

Add Wheel relationship data

Add wheel->compatibility and wheel->drive to wheel datatable.

Need to add multiple compatibilities (the Vue version of a foreach)

Icons

Find icons for

• Drive type
  • belt
  • gear
  • bungee
• Wheel rotation
• Wheel diameter
• Brushless motor
• Wheel FFB torque