freedompraise / cronyglasses Goto Github PK
View Code? Open in Web Editor NEWA web app that presents the most demanded drinks in India and allows you to place orders
Home Page: https://crony-glasses.vercel.app/
License: Apache License 2.0
A web app that presents the most demanded drinks in India and allows you to place orders
Home Page: https://crony-glasses.vercel.app/
License: Apache License 2.0
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
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
I should be able to update the quantity of the order item from the cart page
Create a component for the home page that swipes three banner photos with text captions
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:
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.
Include any relevant screenshots or error logs that could help understand the issue better.
Add any additional comments or context that might assist in resolving the issue.
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.
Unit Tests for Serializers
Unit Tests for Views
Integration Tests for Endpoints
Edge Case Testing
Ensure 100% Coverage
Let's ensure our application is robust and error-resistant by having a comprehensive test suite in place.
In the Payment flow of the site, there should be a page that confirms to users that the purchase was succesful
Running the project's tests using the production settings results in 4 failures
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
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
Refactor the code structure's modularization to group similar files in same folders
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.
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
The answers to FAQ questions have a gray text colour which doesn't compliment the design
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:
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.stopPropagation
might inadvertently block click events.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.Recommendations:
handleConfirm
as follows:
const handleConfirm = () => {
localStorage.setItem('isOver18', true);
setShowPopup(false); // Hide popup before redirection
window.location.href = '/'; // Redirect to intended page
};
console.log
statements to track variable values and pinpoint issues during interactions.Next Steps:
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.
I need to implement a functionality that zooms into drink detail images when they're hovered on.
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
The project's static files are not being displayed. The GET requests on them return 400 errors
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!
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:
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
The logic for counting the number of items in the cart is faulty
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.