React & TypeScript Developer Needed
Budget: $30 – $250 USD
The main goal of this project is to improve our React application so it looks professional and has a better overall UX. Everything below should work on Chrome, Edge, Firefox and Safari of windows desktop, iPhone and android. Milestones will be created.
Results card layout improvements:
a) Currently, for layout with multiple laptops per row, it shows specs only on mouse-over, lets remove that and show that in the card itself, between the laptop image and the hyperlink of the laptop title. Lower the font a little bit and add a special css class to control the style of the specs.
b) The cards need a bit more padding/margin so they dont look too crowded with information.
Show Details popup:
c) Show details popup needs to occupy 90% of the screen width showing the specs in two columns and have a nice border and a thin scrollbar if the content does not all show in one screen. Description/Name should only show first 250 characters with 3 dots and a "more" link that when clicked expands to show all and then shows "less" link, which when clicked shows the shorter version.
Results card layout improvements:
a) Currently, for layout with multiple laptops per row, it shows specs only on mouse-over, lets remove that and show that in the card itself, between the laptop image and the hyperlink of the laptop title. Lower the font a little bit and add a special css class to control the style of the specs.
b) The cards need a bit more padding/margin so they dont look too crowded with information.
Show Details popup:
c) Show details popup needs to occupy 90% of the screen width showing the specs in two columns and have a nice border and a thin scrollbar if the content does not all show in one screen. Description/Name should only show first 250 characters with 3 dots and a "more" link that when clicked expands to show all and then shows "less" link, which when clicked shows the shorter version.