User Story: As a user, I want a navigation bar on the left side of the page with sections for "Page Name", "How It Works", "Browse Requests", and "Post a Request", so that I can easily navigate through the website's main sections.
Task 1: Design the layout and structure of the navigation bar.
Task 2: Implement HTML and CSS for the left-aligned sections of the navigation bar.
Task 3: Add functionality to highlight the active page section based on user navigation.
Task 4: Test the navigation bar for responsiveness and usability on different devices.
User Story: As a user, I want to see different navigation options on the right side of the navigation bar based on whether I am logged in or not, so that I can access relevant account-related actions.
Task 1: Implement logic to determine the user's authentication status (logged in or not).
Task 2: If the user is not logged in, display "Sign Up" and "Log In" options on the right side of the navigation bar.
Task 3: If the user is logged in, display "Messages", "My Account", and "Log Out" options on the right side of the navigation bar.
Task 4: Ensure that the correct navigation options are displayed based on the user's authentication status.
Task 5: Test the functionality of the navigation options for both logged-in and logged-out users.
edwardisintou
commented
5 months ago
User Story: As a user, I want a navigation bar on the left side of the page with sections for "Page Name", "How It Works", "Browse Requests", and "Post a Request", so that I can easily navigate through the website's main sections. Task 1: Design the layout and structure of the navigation bar. Task 2: Implement HTML and CSS for the left-aligned sections of the navigation bar. Task 3: Add functionality to highlight the active page section based on user navigation. Task 4: Test the navigation bar for responsiveness and usability on different devices.
User Story: As a user, I want to see different navigation options on the right side of the navigation bar based on whether I am logged in or not, so that I can access relevant account-related actions. Task 1: Implement logic to determine the user's authentication status (logged in or not). Task 2: If the user is not logged in, display "Sign Up" and "Log In" options on the right side of the navigation bar. Task 3: If the user is logged in, display "Messages", "My Account", and "Log Out" options on the right side of the navigation bar. Task 4: Ensure that the correct navigation options are displayed based on the user's authentication status. Task 5: Test the functionality of the navigation options for both logged-in and logged-out users.