ambarvm / prayatna-app Goto Github PK

The new match page should check for the query string parameter id in the URL.
Example URL: https://localhost/newmatch.php?id=dqw4w9wgxcq
See https://stackoverflow.com/questions/979975/how-to-get-the-value-from-the-get-parameters

If a valid id exists, get event data for that id from firestore and fill it in the form inputs. In this case, submitting the form should update the existing document instead of creating a new one.

If the id does not exist or is invalid, the form fields should remain empty and create a new document on submission.

Create a form page that contains:

• Select inputs for team 1 and team 2
• Select input for sport
• datepicker and timepicker
• Some sport specific fields have to be dynamically added such as player names for 1 vs 1 sports

The page should contain

• email input
• password input
• sign in button
• forgot password button

The page should display all the details of a match e.g. scores, toss winner, images.
You may have to create different UI for different sports.

Create a photo gallery UI with pictures grouped by date or event. Feel free to show some creativity.
Here's a good scrimba for inspiration.

Create an All Sports page showing a list of sports. Clicking on a sport should show a list of past matches of the selected sport on a separate page.

Create UI for a live matches page showing scorecards of ongoing matches.

This page should contain:

1. A floating action button for adding a new match. This should link to another page (from #14).
2. A list of unfinished matches along with buttons to start and delete the match. The start button should open another page where scores can be updated.

Create a history page showing a list of past matches in reverse chronological order.

Create navbar and footer components in separate PHP files in the /components directory. The navbar file should contain a fixed navbar and a side-nav.

Create UI for a Teams page showing each team's

• Name
• Logo
• A group photo
• List of points in each sport
• List of team members