Skip to content

Conversation

LightCreator1007
Copy link
Contributor

Overview

  1. This PR fixes or fixes part of [Feature Request]:Design Overhaul for Mobile Layout — Add Hamburger Menu & Replace Carousel with Effect Cards #38
  2. This PR does the following:
    • adds mobile navbar with hamburger menu and side drawer and glassy textures to match theme
    • adds a effect card carousel from swiper to effectively handle touch screens
    • adds a footer for complete controls of the desktop nav
    • adds lazy loading and framer motions

Essential Checklist

  • The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
  • "Allow edits from maintainers" is checked. (See here for instructions on how to enable it.)
  • The PR is made from a branch that's not called "main/master".

Proof that changes are correct

2025-07-23_03-50-26.mp4

-added backend integration and handled the loading asynchronously
-added lazy loading to images to improve performence
-added skeleton cards to improve ux

Closes bsoc-bitbyte#29
- added hamburger menu with sidedrawer
- mobile friendly carousel with animations and lazy loading
- added mobile footer for extra navbar

Closes bsoc-bitbyte#38
Copy link

netlify bot commented Jul 22, 2025

Deploy Preview for ydo-bsoc ready!

Name Link
🔨 Latest commit c012c02
🔍 Latest deploy log https://app.netlify.com/projects/ydo-bsoc/deploys/688604ded8f24d0008369ab3
😎 Deploy Preview https://deploy-preview-40--ydo-bsoc.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Om-Thorat
Copy link
Contributor

okay fantastic, can u make the buttons work as well, ie like it swipes when u click on it, don't do the heart button that's fine.

@LightCreator1007
Copy link
Contributor Author

LightCreator1007 commented Jul 26, 2025

could you kindly clarify which buttons are you talking about? coz the swiping logic is done by swiper so touch sceens are handled and the rest are for retract, match and reject. 😅

@Om-Thorat
Copy link
Contributor

Om-Thorat commented Jul 26, 2025 via email

@LightCreator1007
Copy link
Contributor Author

yes that could surely be done.
But we have to make it one of two choices

  1. Liked profiles (right swipe) and unliked(left swipe) get removed from the lsit
  2. both stay
    Otherwise i would not make sense to either constantly show disliked profiles, or at least that's what i think.

- Removed Swiper
- Used only Framer Motion for better performance and less conflicts

Closes bsoc-bitbyte#38
@LightCreator1007
Copy link
Contributor Author

2025-07-27_15-57-30.mp4

@Om-Thorat Om-Thorat merged commit c02726c into bsoc-bitbyte:main Jul 27, 2025
6 checks passed
@Om-Thorat Om-Thorat added Difficulty : Hard hard level issue BSoC'25 Created for BSoC'25 labels Jul 27, 2025
@LightCreator1007 LightCreator1007 deleted the feat/mobile-layout branch July 28, 2025 05:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
BSoC'25 Created for BSoC'25 Difficulty : Hard hard level issue
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants