Device Repo Website - Phase 2

mjamescompton commented 3 years ago

Summary

Phase 2 of design repository will make it more than a list of products, make it easier to find a device using search, breadcrumbs and filters, enhance SEO with more tags and descriptions and add extra product details so this can be more useful while manually adding products via the console or cli.

If we get to it we also want to include integration and webhooks so users can use this to fake devices while developing platforms

Why do we need this?

The initial release is laking features and could be improve visually.

What is already there? What do you see now?

MVP

What is missing? What do you want to see?

See issu

How do you propose to implement this?

[ ] Improve vendor overview https://github.com/TheThingsNetwork/lorawan-devices/issues/190
[ ] Add tag descriptions https://github.com/TheThingsNetwork/lorawan-devices/issues/185
[ ] Add device index https://github.com/TheThingsNetwork/lorawan-devices/issues/187
[x] Add contact TTI form https://github.com/TheThingsNetwork/lorawan-devices/issues/193
[ ] Add device repository homepage https://github.com/TheThingsNetwork/lorawan-devices/issues/188
[ ] Add search https://github.com/TheThingsNetwork/lorawan-devices/issues/189
[ ] Improve single device https://github.com/TheThingsNetwork/lorawan-devices/issues/191
[ ] Improve device list https://github.com/TheThingsNetwork/lorawan-devices/issues/192
[ ] How to Add your products https://github.com/TheThingsNetwork/lorawan-devices/issues/205
[ ] Add breadcrumbs https://github.com/TheThingsNetwork/lorawan-devices/issues/198

Can you do this yourself and submit a Pull Request?

yes, @pierrephz designs required

laurensslats commented 2 years ago

To do: plan design sync with @pierrephz, @mjamescompton & @laurensslats

rish-c commented 2 years ago

[ ] Add contact us form on every product similar to the current marketplace

pierrephz commented 2 years ago

@mjamescompton @wienke @NicolasMrad Here is an update on the Device Repository redesign

Still WIP, but already covers some of the issues listed here:

[ ] Improve vendor overview Improve vendor overview #190

[ ] Add tag descriptions Add tag descriptions #185

[ ] Add device index Add device index #187

[ ] Add contact TTI form Add contact TTI form #193

[ ] Add device repository homepage Add device repository homepage #188

[ ] Add search Add search #189

[ ] Improve single device Improve single device #191

[ ] Improve device list Improve device list #192

[ ] How to Add your products Add visual to explain how to add products to repository #205

[ ] Add breadcrumbs Add breadcrumbs #198

See here a quick tour of the mockups: https://we.tl/t-xMnWZ61xbE Here are the mockups: device-repo-mockups-WIP.zip

Open for feedback already; like what kind of filter we need on the device list page, what kind of webhooks we want to display on a dedicated device page, etc. Maybe @mjamescompton we can plan a call

rish-c commented 2 years ago

Wow this looks really good pierre 🤩

TheThingsNetwork / lorawan-devices