Skip to content

Latest commit

 

History

History

wireframes

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Wireframes

The user is greeted with a homepage upon opening the appication.

Home Screen (Android)

When the user selects the profile button (bottom right corner) they will be able to view what friends they have as well as their current stats.

Profile page

Going back to the homepage (Bottom left), the user can select the second button on the bottom to go to all of their chats with friends. (Mobile View)

Chats (Mobile)

(Desktop View) If the view chooses to view their pending friend requests, they can view them through the top right corner button labeled "requests".

Chats (Desktop)

This is the page where they can choose to reject or accept pending friend requeests.

Pending Requests

They can also choose to view the sender's profile if they choose.

Other User Profile

After going back to chats, the user may select a chat room to begin talking to one of their friends.

Chats (Desktop)

After entering the chat room, users may exchange messages as well as see any previous messages sent. (Desktop View)

Chat room Desktop

If the user chooses to challenge their friend, they may do so through the "fight me" button located at the top. (Mobile View)

Chat room Mobile

In doing so, they will enter a battle against each other as shown below. Defense blocks attack, magic bypasses defense, and attack breaks magic's concentration.

Battle Page

After a clear winner has been decided, the users will be greeted to a wireframe that will allow them to rematch or go back to the chatroom. Fight Frame