Skip to content

feat(ui): add mobile responsive design to static chess webpages - #79

Merged
laharigandrapu11 merged 14 commits into
mainfrom
style/responsive-ui
Oct 9, 2025
Merged

laharigandrapu11 merged 14 commits into
mainfrom
style/responsive-ui

Conversation

@laharigandrapu11

Copy link
Copy Markdown
Collaborator

Overview

Added mobile responsive design to all static chess client webpages for better mobile user experience.

Changes

  • chessClient/index.html - Responsive chess board layout
  • chessClient/parent.html - Mobile-optimized controls and forms
  • chessClient/both.html - Responsive dual-view layout
  • chessClient/css/chessboard-1.0.0.css - Mobile breakpoints and touch targets
  • chessClient/html/index.html - HTML version with responsive design

Testing

Start server: python3 -m http.server 8080 in chessClient directory
Test URLs: /index.html, /parent.html, /both.html
Use browser dev tools to test different screen sizes.

@DeMentidDev

DeMentidDev commented Oct 3, 2025 •

Copy link
Copy Markdown
Collaborator

After testing, the website runs fine so long as you pull from main before you do anything else, then it should merge with main without any issue (This is because the branch conflicts are due to main being more up-to-date than your branch). I am more than happy to commit that change to get it up to date with main. However, I've run into the following problems when testing the given URLS:

  • parent.html and both.html do not show any results, instead being the default output when you enter a subdomain that doesn't exist for the website.
  • I don't notice any particular changes involving the UI, but that might be due to me needing to pull from main
  • Chessboard is very significantly warped when using mobile preview, and could do well with a different scaling type. The UI still functions, as you said it does, but if possible it'd be helpful to work on the scaling of it.
image

@laharigandrapu11

Copy link
Copy Markdown
Collaborator Author

Hi @DeMentidDev,

I pulled from main and synced my branch, so everything is now up to date. I tested again on my end and both parent.html and both.html are rendering correctly with results.

On mobile, the chessboard is appearing square and responsive in my checks. Please let me know if it still looks different on your side so I can adjust accordingly.

Screenshot 2025-10-03 at 7 35 17 PM Screenshot 2025-10-03 at 7 35 44 PM Screenshot 2025-10-03 at 7 36 44 PM

@DeMentidDev

DeMentidDev commented Oct 6, 2025 •

Copy link
Copy Markdown
Collaborator

After reviewing all the pages, they all format and run without any noticeable issues, and the lessons page having mobile formatting might be great for what to work on for your next pull request. This should be ready to merge. Great work!

Update - It seems that after PR#86 was merged, this request has a conflict that's "too complex" for the web editor.

@DeMentidDev

Copy link
Copy Markdown
Collaborator

After running through the fixes after PR #86 was merged, the code runs without any issue. This is perfect to merge now.

@laharigandrapu11
laharigandrapu11 merged commit a866d43 into main Oct 9, 2025
1 check passed
@laharigandrapu11
laharigandrapu11 deleted the style/responsive-ui branch October 9, 2025 23:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants