Zaid Khan
Zaid Khan

Uptown Skate Shop

About

The idea behind this application is to design and develop a multiple-page application using react-router-dom. In this, a user can add, update, and remove items from the shopping cart. The technologies that I decided to use are React, React-Router, styled-components, and framer-motion library. I chose styled-components because of its ability to make reusable components to handle CSS and framer-motion because of its declarative syntax. I have also made this responsive to give an optimized browsing experience. In the future, I might add more product options and create a filter to search for desired results.

Accomplishments

Built a shopping cart module using custom-built components to allow user to add, update and remove items of cart
Designed using styled-components to manage CSS exquisitely in the form of React components
Implemented framer-motion library to execute declarative syntax with the use of variants
React
styled-components
framer-motion
Mobile Responsive
Styled Icons

Homepage
project-feature

Shop page
project-feature

Shop Item page
project-feature

Cart Items page
project-feature