Vintage Furniture is an passion e-commerce web app for a simulated furniture store where users can filter, view all products or detailed information about each product, add and remove product from cart and secured login to checkout with Auth0 and Stripe.

Responsibilities

• Programmed the whole site using React and TypeScript.
• Designed the site with inspriation from Dribbles.com.

Difficulties

• E-commerce logic for Cart page.
• Multiple filter functionality was incorporated on the site.
• First project for me to use TypeScript with React.
• State management with Context API and Reducer Hooks.
• Entire front-end logics was written from scratch without any libraries.

Solutions

• A lot of researching and trying to incorporate all front-end logics and features.
• Reading, watching as well as learning a lot about TypeScript and its type system.

What's cool about it?

• Utilized an external API to get and display products.
• Amazing filter features where the end users can use to filter by color, by price, by name or by typing into the textbox field.
• The app is fully interactive when it comes to the filter feature, the change the user makes on each filter will be reflected and automatically rendered client side.
• Incorpated payment handling with Stripe API.

Web Demo