Skip to content

In this Repo , I had Created Add to Cart Feature using next.js frameworks in which we can add Items in Cart ,delete Items , Increase and Decrease Quantity of Items and much more !

Notifications You must be signed in to change notification settings

harshsinghmumbai/Add_To_Cart_Functionality

Repository files navigation

πŸ”— Check out the My Linkedin Profile :- https://www.linkedin.com/in/harshsinghmumbai/

πŸ”— Project is now live :- https://add-to-cart-functionality.vercel.app/

Features of the Project are 🌟:-

πŸ“± Fully Responsive Design

Mobile Responsiveness

Screenshot (392) Screenshot (393) Screenshot (394)

Tablet Responsiveness

Screenshot (395) Screenshot (398)

Laptop Responsiveness

Screenshot (396) Screenshot (397)

πŸ”” notification and loading_spinner feature.



Notification

Screenshot (400) Screenshot (401)

Loading

Screenshot (399)

⚠️ Alert Dialog Box.


Screenshot (402) Screenshot (403)

βž• Add to Cart Button.


Screenshot (406) Screenshot (407)

πŸ—‘οΈ Empty Cart Button.


Screenshot (408)

🈸 Can Install Webapp.


right click on 3 bot then click on add to Home Screen


πŸŒ‘ delete Product Items.


Screenshot (409)

πŸ“³ Dark mode toggle.


Screenshot (410) Screenshot (411) Screenshot (412)

πŸ›’ Increment and decrement quantity.


Screenshot (413) Screenshot (414)

πŸš€ calculate total prices


Screenshot (415)

Technologies Used are 🌟:-
🍦 Vanilla CSS & HTML.
🌬️ TailwindCSS
πŸ€– Vanilla JavaScript
βš›οΈ Next.js (The React Full-Stack Framework)
πŸ› οΈ Shadcn/ui Components Library

About

In this Repo , I had Created Add to Cart Feature using next.js frameworks in which we can add Items in Cart ,delete Items , Increase and Decrease Quantity of Items and much more !

Topics

Resources

Stars

Watchers

Forks