SE-Fall24-G73 / WolfJobsV2

WolfJobs Software Engineering Project 2, Group 73, Fall 24
MIT License
0 stars 0 forks source link

Make Responsive Landing Page and Navbar #7

Open Priyanshu9898 opened 2 hours ago

Priyanshu9898 commented 2 hours ago

Make Responsive Landing Page and Navbar

  1. Make them Responsive across all devices
VaishviShah commented 2 hours ago

Make Responsive Landing Page and Navbar

  1. Make them Responsive across all devices

What additional features should we add?

Priyanshu9898 commented 2 hours ago

Make Responsive Landing Page and Navbar

  1. Make them Responsive across all devices

What additional features should we add?

Features to add:

  1. Add Hamburger Menu on Mobile devices, So that User can easily access all files
  2. When click on Hamburger, Drawer should be open, with all the links.
  3. When User is Not logged In, the hamburger should not be visible on mobile devices.
  4. When logged in, drawer should open when user click on hamburger with all the links
  5. Drawer should close when user click on any link and should be able to go to that page.
VaishviShah commented 2 hours ago

Make Responsive Landing Page and Navbar

  1. Make them Responsive across all devices

What additional features should we add?

Features to add:

  1. Add Hamburger Menu on Mobile devices, So that User can easily access all files
  2. When click on Hamburger, Drawer should be open, with all the links.
  3. When User is Not logged In, the hamburger should not be visible on mobile devices.
  4. When logged in, drawer should open when user click on hamburger with all the links
  5. Drawer should close when user click on any link and should be able to go to that page.

Should I also add any animations to the drawer?

abhandary14 commented 2 hours ago

Should I also add any animations to the drawer?

If possible add an animation where the drawer opens with a smooth transition.

VaishviShah commented 2 hours ago

What should we change in the Landing Page?

Priyanshu9898 commented 2 hours ago

What should we change in the Landing Page?

Landing page currently is not looking good on smaller devices, so we can make it responsive. You can add different image which is related to our project and enhance the styling.

image

VaishviShah commented 2 hours ago

Cool, I'll get on it!

VaishviShah commented 43 minutes ago

Updated the Landing Page

image

VaishviShah commented 24 minutes ago

Made responsive Landing Page. It does not show hamburger icon when the user is not logged in.

image

The hamburger icon is visible on smaller devices and drawer when it is clicked. (only for loggedin users)

Screenshot 2024-11-01 161341