Frontend/Backend-Fix Bugs, CSS, and implement error handling

[fardinchowdhury]

Task Test

Test 1: Fixing Login Bug

• Navigate to the login page and attempt to log in with valid credentials.
• Verify that the user is successfully logged in and redirected to the dashboard.
• Attempt to log in with invalid credentials, such as a non-existent username or password.
• Verify that the system displays an error message indicating that the login failed due to incorrect credentials.

Test 2: CSS Styling and Responsive Design

• Navigate to the homepage and verify that the page layout and styling are consistent across different browsers and devices.
• Resize the browser window and verify that the page elements adjust to the viewport size without overlapping or distorting.
• Verify that the navigation menu and footer are fixed to the top and bottom of the page, respectively, and remain visible while scrolling.
• Verify that the page loads quickly and without layout shifts or flickering.

Test 3: Implement error handling

• Submit a form with missing or invalid required fields, such as a blank email address or an invalid phone number.
• Verify that the system displays appropriate error messages next to each field, explaining why the input is invalid and how to correct it.
• Submit a form with an attachment that exceeds the file size limit or has an unsupported file type.
• Verify that the system displays an error message indicating that the file cannot be uploaded and suggests an alternative method.

Test 4: Debugging Server-side Code

• Navigate to a page that uses server-side scripting, such as a search results page or a user profile page.
• Verify that the page loads without any errors or warnings in the browser console.
• Modify the server-side code to introduce a logical or syntax error, such as a missing semicolon or an undefined variable.