Weekly Internship Report

Week 13 (August 18 - August 22)

Task Completed

• Implemented a logic to track intro completion using localStorage, this ensured that once a user has gone through the introduction modal, they are not shown it again when they refresh or revisit the game.
• Improved the slides styles and responsiveness.
• Added Game Over and Solution modals, users can now get solutions when they loose the game using the solution modal.
• Finalized by checking if everything is working as expected and the UI is responsive on different screen sizes, especially mobile screen sizes.

Weekly Internship Report

Week 12 (August 18 - August 22)

Task Completed

• This week I had a meet with Alex our lead UX designer to finalize the design of the introductory page design and the final/game over modal design. We came up with some really good designs which I started working on.
• Added a show solution logic for the game. When a user has failed the game and wanted to check the solution they would have that option
• Implemented introductory slides and navigation for the game. Users would now get an explanation of how the game is played and can navigate through the instructions before starting.
• Worked on improving accessibility and usability by ensuring the slides and modals are keyboard navigable and screen-reader friendly.

Weekly Internship Report

Week 11 (August 11 - August 15)

Task Completed

• This week I was able to conduct staff testing and collected feedback on the usability and overall experience.
• Fixed layout issue, when incorrect articles were being dropped back the articles kept overlapping each on the same position.
• Added a close button in the article summary modal to improve user navigation.
• Implemented a restart functionality for the current game, allowing users to retry the previously failed level instead of being assigned a new one.

Learning and Skills gained

• Learned how to conduct structured user testing and gather meaningful feedback.

Weekly Internship Report

Week 10 (August 4 - August 8)

Tasks Completed

• Fixed the layout of the articles, the end article to be placed in the bridge now appears at the bottom of the article pool.
• Improved incorrect article styling to preserve end article state, realized when the last article is added on the bridge and it's incorrect it would change color and this would be difficult for the user to distinguish the difference.
• Enhance drag and drop functionality with click handling for article summary display on phone and smaller screen size.

Weekly Internship Report

Week 9 (July 28 - August 1)

Weekly Internship Report

Week 8 (July 21 - July 25)

Task Completed

• improved the UI responsiveness and update animation for incorrect article drop.
• Refactor incorrect guesses handling, replace Set with lastIncorrectGuess property for clarity and update UI accordingly
• Refactor bridge area styles for improved layout and scrolling behavior
• Added level progress message, allowing users to know the amount of articles left to complete the bridge.

Challenges Faced

• Having challenge fetching random articles to build plausible bridge using Wikipedia links.

Weekly Internship Report

Week 7 (July 14 - July 18)

Tasks Completed

• Worked on improving the game UI, added notches on the articles to make them appear aesthetically pleasing based on the desig.
• Improved the game responsiveness based on different screens especially on smaller/mobile screens
• Added Lives logic on the game. User would get limited lives and when they used them up the game would end.
• Added an article summary logic. When an article is clicked a pop up interface would appear with the summary of the article fetched using the wikipedia API

Weekly Internship Report

Week 6(July 7 - July 11)

Task Completed

• This week I did my first team demo session, during which the team was able to interact with and perform a functional test of the game.
• Had a meeting with the Lead UX designer on the UI improvements.
• Worked on game improvements, fixed bug which caused an article to randomly disappear
• Had a meeting with Damian to get clarity on the game's metrics and analytics requirements focusing on tracking user interactions.

Challenges Faced

• Identified the need to improve the structure and delivery of technical demos to better showcase features and gather actionable feedback.

• This week I worked on the game UI, making the UI responsive on different screen sizes.
• Fixed the overlay feature on different game state.
• Redone the game logic and how the articles should appear on the article bridge after being dragged.

Weekly Internship Report

Week 4 (June 23 - June 27)

Task Completed

• This week I started the project development I worked on the game core logic, I implemented the game initialization and article generation
• I worked on the game UI, implemented the drag and drop feature. Users can drag article to be able to build a bridge
• Created a validation feature which checks if the articles being connected really link together.
• I integrated a game state management
• Added a completion overlay feature which displays user's statistics after game completion.

Weekly Internship Report

Week 3 (June 16 - June 20)

Task Completed

• Worked with the Lead UX designer on the game improvements. We explored core functionalities, user interactions and how to ensure the game remains engaging while also educative.
• I structured the project files and set up the repository for the project to begin development.
• I published my blog post

Weekly Internship Report

Week 2 (June 9 - June 13)

• Had my first onboarding meeting with the Future Audience Team.
• Got started in setting up my development environments.
• My request access Toolforge got approved and I learnt how to create a tool.
• Learnt how to create my own instances on Cloud VPS.

In T388913#10809325, @Gopavasanth wrote:

Congratulations arnoldlupamo on being selected for Outreachy! 🎉
Wishing you a great journey ahead—happy coding and best of luck with the program!

As you move through the community bonding period, feel free to refine your project timeline and finalize the steps leading up to the coding phase. If you have any questions, don’t hesitate to reach out—whether on Zulip, via email, or directly on this ticket.

Tagging mentors: @DLin-WMF, @HSwan-WMF — I couldn’t find Arnold on Phabricator. Could you kindly ask them to create an account and assign this task to themselves when ready? Thanks so much!