Skip to content

A replica of a template built whilst working at Mobkoi. When the user drags the sidebar open, it reveals a gallery where you can click through to view the images/products.

Notifications You must be signed in to change notification settings

laura-dumitru/sidebar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sidebar

An interactive project built with JavaScript and GSAP animation.

This is a replica of a mobile ad built while working at Mobkoi. Sidebar can be used by brands who want to showcase their products. It uses GSAP animation on the chevron-left and chevron-right icons to prompt the user to open the sidebar and explore its contents.

The problem it solves

The product was created to address a limitation in the company software, which only allowed users to tap to open the sidebar, rather than drag. With high demand from clients, this product filled a crucial gap in functionality.

User instructions

Follow the arrow direction and drag the sidebar to the right to open and to the left to close it.

Developer instructions

git clone https://github.com/laura-dumitru/sidebar.git

Current issues

Double tapping on the up and down arrows on the mobile will zoom in on the page. When flicking through the gallery try not to double tap the arrows.

Since this is an example project I would encourage you to clone and rename it so that you can use it for your own purposes.

Employers

You can see the original code I built while working at Mobkoi here: Link to my gist

About

A replica of a template built whilst working at Mobkoi. When the user drags the sidebar open, it reveals a gallery where you can click through to view the images/products.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published