Comments (2)
MVP provided by CHINGU:
What You Need to Do (This is the MVP)
- Structure
- This is a purely frontend application. No backend is required.
- You may use any languages, tools, or libraries you prefer when designing and building this app.
- You may NOT use AI-base solution generators like GitHub CoPilot.
- Useful links and resources:
The Array Game
- Styling
- Surprise us!!!
- Add a footer containing a link to your team's GitHub repo
- In general, you will find these UI design principles helpful.
- Recommend using this resource for clean CSS
- Functionality
- Leaderboard showing the number of games the current player has won and lost
- Game controls
- A 10x10 grid the game is played on
- User can see the game window with these components
- Leaderboard
- User can see the display of the total number of wins and losses for each
- User can see the tally of wins for each of the three ways the game can end
- User can see the tally of losses for each of the three ways the game can end
- Game Controls
- User can see a button in the game control panel to start a new game, which updates the Leaderboard, clears the grid, and starts a new game.
- If the user tries to start a new game while one is in progress a modal alert will be displayed to confirm that the current game may be abandoned.
- When a game is started the user will see a button to roll the dice
- After rolling the dice a new roll will be blocked until the new array has been marked on the grid by clicking squares in the grid
- User can see the value of each dice after they are rolled
- The user will see a button to allow them to clear the grid and to start refilling it using the values from the current roll. This allows the user to try different options.
- The user will see a button that allows them to submit their answer after filling in the grid from the current roll of the dice.
- Grid
- When the dice are rolled the user will be able to click on squares to mark their array.
- When a square is clicked it's color will change from the color used for unoccupied squares to the color designation for occupied squares.
- If the total number of squares marked on the grid don't match the numbers on the dice an error message must be issued and the user should be given the option to re-mark the grid to match the dice.
from v44-tier1-team-05.
I think, after completing the MVP we could add some of these features to the game :)
- Extras (Not Required)
-
Implement the game to allow human-to-human competition between 2 players or human-vs-computer competition.
-
Allow the user to choose the color to be used to fill in the grid
-
Maintain player metrics across sessions for the last 3 games that have been played
-
Allow the user to specify the dimensions of the grid
-
Add a countdown timer showing time remaining in the game and create an input field to allow the user to set the starting number of minutes and seconds.
-
Animate the rolling of the dice
-
Play a sound to simulate the rolling dice
-
Add a graph to the leader board to show the number of times a number has been rolled.
-
Support dark/light mode
from v44-tier1-team-05.
Related Issues (20)
- Team Showcase video to submit when our project is completed
- Developer/Designer Spotlight Page
- Create a favicon.ico HOT 2
- Make sure that there are no errors in the developer console before submitting
- Update our leaderboard
- select Squares Based On Dice
- Write mobile friendly CSS for landing and game page HOT 1
- Write Desktop CSS for landing and game page
- Funcionatilies are not working
- Player forfeits two consecutive turns and the grid is not clearing
- Add design files on github
- Bug on skip turner button
- Custom Mouse Cursor
- Bug on user experience for mobile app
- Bug two messages on error message
- Updating css landing page HOT 3
- Write a function that enables the Roll Dice, Clear Grid, New Game, Submit Answer only after the PLAY button is clicked.
- After rolling the dice a new roll will be blocked until the new array has been marked on the grid by clicking squares in the grid
- Bug on timer
- A player forfeits two consecutive turns. In this situation, that player loses the game.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from v44-tier1-team-05.