Git Product home page Git Product logo

harshsinghmumbai / add_to_cart_functionality Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 196 KB

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 !

Home Page: https://add-to-cart-functionality.vercel.app

JavaScript 94.95% CSS 5.05%
next-framework add-to-cart react-library redux-toolkit shadcn-ui tailwindcss increase-quantity responsiveness delete-iteam-in-cart

add_to_cart_functionality's Introduction

🔗 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

add_to_cart_functionality's People

Contributors

harshsinghmumbai avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.