Bracket Maker Wireframe
Home Page - Without User
![](https://user-images.githubusercontent.com/92234942/198767623-2748cefc-10bf-4f3f-b2dc-7a5a3f4cc0f6.png)
- This is our initial arrival/home page. From here you can either click sign up to go to the registration page, login to go to the login page, or if you click the center button in the page it will also redirect you to the login page before you are permitted to create a bracket.
Registration Page
![](https://user-images.githubusercontent.com/92234942/198767940-d9a17355-4319-4385-b137-93e393976aee.png)
- This is our Registration page, where you are able to create an account. After creating an account it will then redirect you to the home page.
Login Page
![](https://user-images.githubusercontent.com/92234942/198768033-92383bfb-100e-4d75-838d-859c50caa8c3.png)
- This is our Login page, where after already registering for an account, you may login and continue with anything you have previously worked on.
Home Page - With User
![](https://user-images.githubusercontent.com/92234942/198768217-611460c7-d2bb-4540-a639-c7efbe382c90.png)
- This is what our Home page will look like after either the registration page or login page redirects you. You can then click the button in the middle to create a new Bracket.
Bracket Creation Page - Bracket
![](https://user-images.githubusercontent.com/92234942/198768303-cbf88751-fb94-47f1-a30b-9454abf5610d.png)
- This is our initial Bracket Creation page, where you can adjust the amount of players you want within the bracket youre creating.
Bracket Creation Page - Game Info
![](https://user-images.githubusercontent.com/92234942/198768391-59decbf0-c868-44c7-a0b7-1f362b42e620.png)
- This is our second Bracket Creation page, where you can add a bracket description, choose the tournament type, pick a game, and add your own bracket background.
Generated Bracket Page
![](https://user-images.githubusercontent.com/92234942/198768503-de016ea7-feec-4d11-8f88-c7178c4e7a51.png)
- After completing the bracket creation process, it will then generate the bracket you have made using all of the information that was added previously.