Peemz custom e-commerce website
REQUIREMENTS Since Peemz had already developed its mobile application and was using a Django-based back-end with a populated database and REST API endpoints, our task was to create the front-end for the web version of the shop, which would later be integrated with their internal team’s back-end. We needed to code approximately 25 responsive and optimized pages featuring various reusable components. HOW WE DID IT The Peemz web shop was built using our standard front-end starter, which incorporates Bootstrap 4, Sass (employing BEM and SMACSS structures and naming conventions), and jQuery. We included custom features such as price range sliders, carousels, and SVG logo animations for the homepage. Designing the ordering and payments pages for mobile was challenging, but we devised a solution with a “sticky” continue button positioned at the bottom of the screen. Clicking this button would slide up a sidebar (which is displayed on the right side in desktop view), allowing users, even those with many items in their cart, to avoid scrolling to the bottom of the page to proceed. Technology stack: jQuery, PHP, HTML, CSS.