Since Peemz already had its mobile application already coded, and they were relying on a back-end coded in Django framework that already had populated database and rest-api end-points, our task was to develop the front-end for the web version of the shop that would later be connected to the back-end by their in-house team.
We were about to code about 25 different responsive and…
optimized pages with various components that could be reused.
HOW WE DID IT
Peemz web shop was coded in our standard front-end starter that is based on: Bootstrap 4, Sass (with BEM, SMACSS structure and naming conventions), and jQuery.
We implemented custom price range-sliders, carousels, logo SVG animation for the homepage etc.
Ordering and payments pages were a bit tricky to do for the mobile view, but we came up with a solution to have “sticky” continue button placed at the bottom of the screen, that when clicked, would slide up a sidebar (that is by default shown on the right hand side on desktop view), so that even in a scenario where a user would have for example 20 products added to cart, wouldn’t have to scroll all the way to the bottom of the page to continue.
Tech: jQuery, PHP, HTML, CSS