August 2022 – Full Stack Soup

React Material Image List With Magnification

By -Danny B.
Posted on August 23, 2022September 17, 2022
Posted in Material UI, React

Overview This short article will quickly go over how to build an image viewer with zoom similar to Amazon’s product viewing page. The image viewer component will have multiple images to choose from and can zoom in. The zoom feature is similar to what you see in Amazon when viewing a product. This is especially

React Image Carousel with Zoom

By -Danny B.
Posted on August 22, 2022January 23, 2023
Posted in Material UI, React

Overview This post covers a simple example of how to use of React Responsive Carousel and Medium Image Zoom libraries. The end result is an image carousel with a single click zoom feature for every image. Libraries Needed MUI – Material UI v5.4.3 Material UI library for React React Responsive Carousel and Medium Image Zoom

React Material Box Hover Tile and Stackable Alerts

By -Danny B.
Posted on August 17, 2022October 23, 2022
Posted in Material UI, React

Overview The example below show 3d box shadows using MUI’s box component and icons. When a box is clicked, MUI snack bars components will appear. The snack bar notifications are stacked vertically. Libraries Needed MUI – Material UI v5.4.3 Material UI library for React Notice Stack AKA notistack is a library that gives you more