Snake And Ladder PlayBoard

Workflow Diagram

Inspiration

A few days back, I received an email invitation from Atlassian for this competition. This particular competition caught my attention because as a QA by profession, my expertise lies in Jira. I have spent my professional life closely associated with this tool.

What it does

We created a game application that uses the snake and ladder game theme overall we made the sprint board more interesting with the snake and ladder theme. The reason I chose this particular game is that I feel scrum behavior is similar to a snake and ladder board game. You'll encounter snakes and losing estimates in most of the steps, but building a ladder with all teammates will always lead to success. The application will behave just like a scrum board. We can track the progress of our project, but after completing the tasks, the user will also receive a star as a reward for their good work.

How we built it

This game was made using a custom UI from the Forge app with the Rest API. Forge makes your life easier as a developer, so there are many libraries and custom codes that enhance the beauty of our application and last but not least ease of use. The project took about a month to complete, even though the tool was handy, but it was difficult to configure and logic the snake and ladder game. We followed the following steps to give full justice to it.

Each player puts their counter on the space that says 'start here :- In our application we are retrving the information of active sprint and all are the tickets initially located at the very first state mostly it is "To do"
roll the dice. Move your counter forward the number of spaces shown on the dice: As each player completes the work on the project, he will either move the tickets forward or revert. 3 If your counter lands at the bottom of a ladder, you can move up to the top of the ladder. :- if you are moving your ticket forward you are climbing the ladder
If your counter lands on the head of a snake, you must slide down to the bottom of the snake :- if you are reopening the ticket or moving ticket to the previous step you are coming into the snakes mouth.
The first player to get to the space that says 'home' is the winner :- Once you close your ticket you can say you reached the finish line and get a star as a reward.

Challenges we ran into

In addition to my own OS issue, I encountered deadlocks with the tool during the development process. I'd like to share with you the most significant 2 behavior blockers that still have not been resolved and i fixed those by using the workarounds.

Minified React error #301; react-dom.production.min.js:209 Error: Minified React error #301; visit https://reactjs.org/docs/error-decoder.html?invariant=301 for the full message or use the non-minified dev environment for full errors and additional helpful warnings
Inline script because it violates the following Content Security Policy directive: "script-src 'self'"

Accomplishments that we're proud of

With no development experience, I never thought about doing such a vast amount of development. I felt pressure before, but now that I see all that I have accomplished, I am not only proud of myself but also satisfied because I thought I may not have been able to complete it within a short period of time, but within a few hours I will be clicking on the project submit button

What we learned

Don't give up when you face coding problems and don't be afraid of new tools, they are only there to make your life easier

What's next for Snake And Ladder PlayBoard

I will be deploying a new version soon with improved graphics, Understanding time constraints I spent more time on logic and functionality than on style and graphics.