🍰 Desserts Shop React App
This is a React-based e-commerce web application where users can browse a selection of desserts, add them to the cart, and confirm their order. The application features a responsive design with smooth modal transitions and an intuitive shopping experience.
📋 Features
Responsive Design: The layout is fully responsive and adapts to different screen sizes (mobile, tablet, and desktop). Shopping Cart: Users can add items to the cart, remove items, view their selected items, and adjust quantities. Order Confirmation Modal: A smooth, sliding modal confirms the user's order and provides an overview of items in the cart. Mobile-first Approach: Designed with a mobile-first approach, scaling up to tablets and larger screens. Dynamic Image Loading: Images are loaded dynamically based on screen size, improving performance and user experience. Smooth Transitions: Custom animations for the modal and opacity transitions for interactive elements.
🛠️ Technologies
React: Front-end framework used to build the application. Tailwind CSS: For responsive design and utility-based styling. React Context API: To manage global state for the shopping cart and modal. React Hooks: Used to manage state and lifecycle methods.