Make 3 dashboard cards for these apis. If there is a config setting, show that card. Can be dummy data for now. Use a charting library.

Currently, the links in the header component have a gap-3 class. This should be changed to gap-2.

Thanks for setting this up, it is running when excepted. Except for some reason, the tasks are showing as a fail @rabbanirizwan

Add a view for if there is no local user settings. This will be determined based on the local settings.

add a mobile menu

Currently, it says "report an issue". This should say "report a bug".

On medium and small screens, the close button/icon does not close the navigation menu. The navigation menu stays open.

The close button on small and medium screens should close the navigation menu.

Include more details about the project, including links to contributing, security, code of conduct, and license files.

Change the dashboard tables to look like this: https://dribbble.com/shots/19890621-Micromobility-Admin-Dashboard-Analytics-UX

If the user has no settings yet in their /settings page, the /index page should show a view linking to the settings page. This will be linked later using either useContext, or a local .txt file, but just create the view for now.

The function name should be changed, along with the call of the function in /index.js. Until there are cards to customize the function should be called handleAlert.

Pressing the configure button will pop up a modal, with inputs to enter the API keys for each card. Right now, just create the modal. The logic can be added in a separate ticket.

Currently, there is one empty string for Google Analytics, PayPal, and Stripe. I can already tell PayPal API requires more than this to make a call and retrieve data. Look up the docs for what each needs and change the JSON file to match.

Create local settings file (xlx, txt maybe) to load local user info when the app loads. If nothing is in this file, the dashboard and settings page will prompt you to enter some credentials to get started.

Add the following props to the footer links: target="_blank", rel="noopener noreferrer". Currently, they open in the same tab.

Add media queries to make the header, dashboard page, and footer have a desktop, tablet, and mobile view. use lg: md: tailwind prefixes.

Currently, they have the classes: flex, justify-center, text-center. This is redundant. Text-center needs to be removed from the 3 mobile menu links in /header.js.

Markdown files

Both buttons should have an active: and focus: that adds a gray-900 ring around the button.

Both the Link and Action buttons should have this class. Should be an easy fix.

These pages will be populated with user data from either a useContext file, or a .txt file. For now, just create the routes and fill them with some sample data.

Create a github actions to run "npm run lint" every time a pull request is made.

I forgot to include a close button with the new InputModal component. There should be an svg X icon that triggers props.closeModal.

https://heroicons.com/ is where I am getting SVG icons.

Currently, inside header.js, there is:
< Link >
OpenOps
</ Link >.

This should be :
< Link >
< h6 >
OpenOps
</ h6 >
</ Link >

On lines 17 and 18 of settings.js and lines 11 and 12 of index.js: These divs should have className="max-w-screen-xl mx-auto". Currently, these errors are overflowing the dashboard.

Actions are still failing for ES lint. Would like to git this one resolved asap.

Bring in Poppins font