freedompraise / cronyglasses Goto Github PK

Currrently the cart items are stored in localstorage and would remain there except they're deleted.

I need an action that clears the cart upon checkout

Running the project's tests using the production settings results in 4 failures

Before viewing a product on the product page, there should be a popup page that asks checks user eligibility based on being up to 18

The design isn't complex. It should entail:

• a card with different background from the page backeground
• elements aligned at the center
• a header text under the project logo that reads "Welcome to CronyGlasses"
• "Are you up to 18?"
• YES NO buttons
• a checklist for if the user never wants to see that popup again

Irrespective of what page the user was on earlier, after a login prompt, and eventual login/signup, the user is wrongly redirected to the home page

Issue Description

Summary:
I am encountering an issue related to removing cart items from the local storage in my project. The problem seems to be caused by the structure of the cart items stored in the local storage.

Steps to Reproduce:

1. Add items to the cart.
2. Attempt to remove a cart item.
3. Observe the error or unexpected behavior.

Expected Behavior:
I expect the cart item to be removed from the local storage without any errors.

Actual Behavior:
Describe what is happening, including any error messages you receive.

Project Details

• Framework/Language: [e.g., React, JavaScript]
• Library/Tool: [e.g., localStorage, Redux]
• Additional Context: [Provide any additional information that might be relevant.]

Screenshots/Error Logs

Include any relevant screenshots or error logs that could help understand the issue better.

System Information

• Operating System:
• Browser (if applicable):
• Version/Commit of Your Project:

Additional Comments

Add any additional comments or context that might assist in resolving the issue.

The site needs a cart function to work.
When the user clicks "Add to Cart", the number of cart items showed in the navbar above should be updated immediately, and a popup of the cart page asking the user to checkout should be displayed
THe cart should use sessions if the user is not logged in, and post to the cart endpoint of the API after for logged in users.
The Add to Cart text should be change to a green check sign for 5 seconds after submission

The logic for counting the number of items in the cart is faulty

In the Payment flow of the site, there should be a page that confirms to users that the purchase was succesful

under the drinks, where related products are shown, their names should be shown alongside, and there should be a tag above them specifying that they're related products

The answers to FAQ questions have a gray text colour which doesn't compliment the design

Issue: Dynamic User Icon Linking in Navbar
Description:

The user icon in the navbar should dynamically link to either the login page or the account page based on the user's login status. Currently, the icon always links to the same page regardless of whether the user is logged in.

Desired Behavior:

If the user is logged in, clicking the user icon should navigate to the account page.
If the user is not logged in, clicking the user icon should navigate to the login page.
Technical Details:

The user's login status is currently stored in localStorage.
The navbar is implemented using React and React Router.
Possible Solutions:

Conditional Rendering: Utilize a conditional statement within the navbar component to render the appropriate link depending on the isLoggedIn variable retrieved from localStorage.

State Management: Implement a state management library like Redux to manage the user's login state globally and access it throughout the application, including the navbar component.

Additional Notes:

Consider updating the user icon visually to reflect the login status (e.g., different colors or icons).
Implement logout functionality to clear the user's login state and update the navbar accordingly.
Ensure accessibility by adding appropriate aria labels to the user icon.
Priority:

High

Create a component for the home page that swipes three banner photos with text captions

I should be able to update the quantity of the order item from the cart page

I need to implement a functionality that zooms into drink detail images when they're hovered on.

Upon adding an item to a cart, a dropdown from the cart icon should be displayed, showing the cartiems with their respective quantities, and the checkout button

am having issues with the login view on my Django app not authenticating users correctly. Despite using the built-in AuthenticationForm and setting up the necessary authentication backend, the view does not seem to recognize valid user credentials and always returns an "Invalid email or password" error.

I have tried several solutions from online forums and Django documentation, but none of them seem to work. This is becoming a critical issue for my app as it prevents users from accessing their accounts and completing transactions.

Any help or guidance on how to resolve this issue would be greatly appreciated. Thank you!

Issue Description

We need to create a comprehensive set of tests for the DRF (Django Rest Framework) endpoints in our application. This includes unit tests for serializers, views, and integration tests to ensure the APIs are functioning correctly.

Tasks

1. Unit Tests for Serializers

   • Write unit tests for all serializers to validate their behavior in various scenarios.

2. Unit Tests for Views

   • Create unit tests for all viewsets and API views to validate their functionality, including authentication, permissions, and data retrieval.

3. Integration Tests for Endpoints

   • Develop integration tests for each API endpoint, covering various HTTP methods (GET, POST, PUT, DELETE) and edge cases.

4. Edge Case Testing

   • Cover edge cases such as invalid input, missing parameters, or unauthorized access in the tests.

5. Ensure 100% Coverage

   • Aim for 100% test coverage to ensure all parts of the application are thoroughly tested.

Timeline

• Start Date: [Specify the starting date for this task]
• End Date: [Specify the target completion date]

Additional Information

• The tests should adhere to best practices, including mocking, proper test naming, and meaningful assertions.
• Document the purpose and expected behavior of each test case for better understanding and maintenance.
• Refer to the project documentation for guidelines on writing tests.

Let's ensure our application is robust and error-resistant by having a comprehensive test suite in place.

Refactor the code structure's modularization to group similar files in same folders

The project's static files are not being displayed. The GET requests on them return 400 errors

Trying to pay for a product using the Paypal option is not working.
Upon attempt, this message is shown on the screen saying
Things don't appear to be working at the moment. Please try again later.

Description:

Upon confirmation in the Age Verification Popup, the popup disappears as expected, but subsequent clicks on the page are unresponsive. This issue hinders user interaction and requires prompt resolution.

Technical Analysis:

I've conducted a preliminary code review and identified several potential causes:

1. Redirection Timing: The current order of operations in handleConfirm might lead to a visual delay in hiding the popup. It's crucial to set showPopup to false before redirection to ensure immediate visual feedback.
2. Event Handlers: Potential conflicts with other event handlers or the use of stopPropagation might inadvertently block click events.
3. CSS Conflicts: The following CSS styles might interfere with clickability:
   • z-index: Ensure no elements inadvertently overlay the clickable content.
   • pointer-events: none: Verify this style isn't applied to elements intended to be clickable.
   • Transitions: Optimize transition durations to prevent delays in hiding the popup.
4. DOM Manipulation: If DOM manipulation techniques are employed, validate their proper usage to avoid unintended consequences.

Recommendations:

1. Prioritize Redirection Order: Restructure handleConfirm as follows:

   const handleConfirm = () => {
     localStorage.setItem('isOver18', true);
     setShowPopup(false); // Hide popup before redirection
     window.location.href = '/'; // Redirect to intended page
   };

2. Scrutinize Event Handlers: Meticulously review event handlers within the popup and related components for conflicts or unintended click prevention.
3. Conduct Thorough CSS Review: Utilize browser developer tools to systematically inspect CSS rules for potential clickability interference.
4. Leverage Debugging Tools: Employ browser developer tools to inspect the DOM, event listeners, and state rendering for visual identification of conflicts.
5. Utilize Logging: Strategically place console.log statements to track variable values and pinpoint issues during interactions.
6. Test Cross-Browser Compatibility: Validate functionality across multiple browsers to rule out browser-specific anomalies.
7. Examine JavaScript Errors: Diligently review browser console logs for potential errors hindering functionality.

Next Steps:

1. Implement the recommended changes and conduct thorough testing.
2. If issues persist, provide more comprehensive details regarding:
   • Specific error messages encountered
   • Observations from browser developer tools
   • Relevant code snippets
   • Affected browsers and versions
3. I'll remain available to provide further assistance and guidance as needed.

Collaboration:

I'm committed to working collaboratively to promptly resolve this issue. Please feel free to share any additional information or questions as they arise.

THe random drink endpoint from the api is currently called several times, and therefore gives a slow response. Rather than use a random drink, I suggest there to be a fucntion in React that would call random drink from the total drink list