willowtreeapps / wombats-web-client Goto Github PK
View Code? Open in Web Editor NEWWeb Client for Wombats
Home Page: https://github.com/willowtreeapps/wombats-documentation
License: MIT License
Web Client for Wombats
Home Page: https://github.com/willowtreeapps/wombats-documentation
License: MIT License
This can be verified through Github auth workflow functioning correctly.
As a user, I would like to view the game preview screen upon selecting a game.
AC:
Zeplin: https://zpl.io/Z1jJoq6
Out of Scope:
- Describe the feature you would like to see
As an admin or event coordinator, I would like to see arenas and active games on the Config screen.
- Why you need it
We need an interface for admins to manage games and arenas.
- How it should work
- Zeplin
https://zpl.io/17G3Lb
Note that the design is missing the perimeter and password attribute
We also do not have a way to trigger game deletion
As a user, I would like to view the status of each Wombat joined in a game.
As a user, I would like to view the winner of a game after it is played.
AC:
Zeplin:
https://zpl.io/1hcgHT
Out of Scope:
Holding off on replay button for V2
Remove # from routes.cljs
so that the urls aren't prefixed by #
.
Update all url routing.
- Describe the feature you would like to see
As a user, I would like to replay a game that has already ended.
- Why you need it
Game replay will allows users to review their Wombat's or a competing Wombat's performance during gameplay in order to learn from mistakes and improve their code. It may also be fun to replay particularly exciting games.
- How it should work
- Zeplin
https://zpl.io/ZnsbFl
- Describe the feature you would like to see
As a user, I would like to search for a game.
- Why you need it
As our list of games grows, users will want to search for specific games to join, watch or replay.
- How it should work
- Zeplin
https://zpl.io/Z2sv0ei
- Open Questions
As a user, I want to add a bot so that I can use it in a game.
Acceptance Criteria:
Dev Notes (technical tasks):
AC:
Zeplin: https://zpl.io/17G3Lb
As a user, I would like to preview the arena before the game starts.
AC:
As a user, I would like to view and hover over a Wombat card to see available actions for the Wombat.
AC:
Zeplin:
https://zpl.io/1FhPhS
API Dependencies:
143: My Wombats - Get All Wombats for User
As a user, I would like to add a bot so that I can use it in a game.
AC:
Zeplin:
https://zpl.io/Zo4qGY
API Dependencies:
139: My Wombats - Create Wombat
Client Dependencies:
#46 My Wombats - Cards
This includes login/logout, clicking triggers redirects to available games, My Games and account page.
Show smoke in the arena, for the duration specified by the arena config.
As a user, I woud like to edit a Wombat's name or correspondiong repo.
AC:
Zeplin:
https://zpl.io/XQl3o
API Dependencies:
140: My Wombats - Edit Wombat
Client Dependencies:
#46 My Wombats - Cards
NOTE: in order to update the repo, the user will have to add a new Wombat
Load new font (OpenSans) into app
AC:
Zeplin:
https://zpl.io/1hcgHT
As a user, I would like to filter between Available" and "My Games" by hovering over "Games" in the nav bar.
AC:
Zeplin:
https://zpl.io/21Hqcx
API Dependencies:
114: Games - Game Transitions
As a user, I would like to log in to Wombats using my Github account.
AC:
API Dependencies:
136: Auth - Github Workflow
137: Auth - Create User
138: Auth - Get Current User"
This is a lower priority, but including this ticket for tracking.
As a user, I would like to view my Wombats upon clicking "My Wombats" in the navbar if I am logged in.
AC:
Zeplin: https://zpl.io/1FhPhS
As a user, I would like to log out of my account.
AC:
Zeplin:
https://zpl.io/1FhPhS
Client Dependencies:
#11 Auth - Login Workflow
- Describe the feature you would like to see
Animate transition at the end of each round.
- Why you need it
Currently, there is no transition between the end of a round and intermission, which can be jarring to the user. We should animate the transition to make the change more graceful.
- How it should work
We need guidance from Jesse on what this should look like.
Include any relevant documentation that will help prompt a discussion!
As a user, I would like to view all open games and games that I have joined.
AC:
Zeplin:
https://zpl.io/Z4F9Fg
Out of Scope:
Search and pagination is slated for v2 (or v3)
We need to discuss with Bekah to confirm how she'd like this to display. We'd also like to customize color based on the player.
We need to show deterioration as walls receive damage based on damage reported by API for both wood and steel walls. (Steel walls can be destroyed, but they have very high HP)
AC:
- Describe the feature you would like to see
As a user, I would like to zoom the arena view around a specific Wombat.
- Why you need it
As we support more complex arena configurations (and potentially larger arenas), users will want to zoom in to focus only on their Wombat's actions in the arena.
- How it should work
- Open Questions
- Zeplin
https://zpl.io/cS2Ef
- Describe the feature you would like to see
Infinite scroll refresh on the games lobby for both the open and finished sections
- Why you need it
Allow a user to view all games
- How it should work
Infinite scroll refresh
Include any relevant documentation that will help prompt a discussion!
AC:
Zeplin:
Open: https://zpl.io/21Hqcx
Finished: https://zpl.io/DmyEr
No Open Games: https://zpl.io/Z4F9Fg
No Joined Games: https://zpl.io/Kh8pd
Out of Scope:
Card hover states are broken out in separate ticket.
Countdown timer (or any scheduled time) is slated for a future version.
Leave game when the user navigates away
This is socket integration for Wombat status.
AC:
Zeplin:
https://zpl.io/cS2Ef
As a user, I would like to view and hover over a game card to see available actions for the game.
AC:
Zeplin:
https://zpl.io/21Hqcx
API Dependencies:
155: Games - Get Open Private Games
156: Games - Get Ongoing Games
157: Games - Get Closed Games
154: Games - Get Open Public Games
Client Dependencies:
#16 Games - Cards
Out of Scope:
All other buttons, such as "Replay" are slated for a later version. Tool tips are also slated for a later version
As a user, I would like to delete a Wombat.
AC:
Zeplin:
No comp currently available
API Dependencies:
141: My Wombats - Delete Wombat
Client Dependencies:
#46 My Wombats - Cards
The default for active links should be connected to the URL and not hardcoded.
Moving willowtreeapps/wombats-api#92 here. We should put the dist build on cloudfront and add CI deployments to it.
- Describe the feature you would like to see
As a user, I would like to see the highest scoring Wombat ranked at the top of the status bar.
- Why you need it
Dynamic ranking makes it easy for users to see which Wombats are winning the game at a point in gameplay.
- How it should work
As a user, I would like to join a selected game.
AC:
Zplin:
https://zpl.io/Z1qmeMx
Notes:
Note that the designs do not include a field for password
Max players is set at 8, and we may eventually need to find a way to scale that visually
Potential Error States:
Out of Scope:
I created a slack dedicated to wombats. I figured if we want to get both offices in on the effort, it would not be fair to ask everyone in Durham to join the Cville slack channel. Signing up requires only the email address of interested users. A simple page / form should do the trick. What do you think @emilyseibert?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.