carlzoo / scalperr-ui Goto Github PK

Add Form for Contact

The frontend needs a better design. I'm not a designer and open to any suggestions.

When you search for test in search bar is seems to break whole site. I think is should return No result found to the user instead. I believe it happens when there are no results for the given search.

Some results from previous searches are still showing up in subsequent searches. Investigate this.

Write a test where no content from previous search results should appear in subsequent results, given that the queries are entirely different.

Replace dummy login with actual authentication from backend when JWT login API is implemented.

Implement React Router Link instead of using standard anchor tag to prevent page refresh when navigating site

Remove unused imports and variables. Debugging lines can be kept.
Change any inconsistency in spacing and variable names.

Exception:
Keep Canvas, unless ESLint rules are implemented.

Add Unit Testing library

Currently it is required to click the search button in order to make a query. Ideally the user can do so but hitting the enter key.

Currently the width for elements on mobile display is not 100%. Remove styeld-css-grid and use hardcoded css-grid instead. Use two different media queries.

App.js should display different content(search, login, support) based on the URL.

The search page shows only the first 10 results - add a button to fetch more results and display them.
The page should expand vertically to list more results. (i.e. infinite scroll)

https://developer.ticketmaster.com/products-and-docs/apis/discovery-api/v2/ What may be required is the page parameter

After consulting with a UX design student, the main search page should be better styled for mobile.

Specifically:

• Add a calendar to search for event happening in certain date ranges
• For mobile view, group each result into blocks with info like artist, venue, instead of in a single row and only showing the URL
• Mobile view should have expandable blocks for each row.

Open to further suggestions

Add a login form with basic client side validation.

Instead of storing the search query and results in a hook - move them to redux.

The frontend should be meet accessibility requirements, which is the law in some countries.

A guide to follow: https://reactjs.org/docs/accessibility.html

The navigation works on localhost but breaks on netlify.

https://codepen.io/breakinsecurity/pen/KKPrgZV

Currently the canvas is missing. The image required is in the assets folder.
Add the canvas below the navbar for mobile or at top for desktop display.

There may be some difficulty trying to get it to show up - in that case styled-css-grid may be removed.