Ghibli Fan Club

Overview

An e-commerce application for exclusive members to browse and purchase rare collectable items

About

• Utilized JSON Web Tokens and localStorage to store encrypted user information client-side for ensuring security
• Delivered a Javascript/React front-end
• Executed multiple callback functions through the invocation of JS event listeners on specific nodes
• Designed an interactive frontend with multiple advanced libraries to provide seamless navigation for the user

Demo

• Short Demo Video

To Start This Project

• App: rails db:migrate, rails db:seed, rails s
• Frontend: npm install, npm start

User Stories

• Must login or register to access the site
• Browse all Ghibli items
• Search items by movie
• Add multiple items to cart
• Delete items from cart
• View the updated cart total
• Edit account information
• User can checkout or logout when finished

Resources

• Layout and buttons from Material-UI
• Search Filter from Chakra-UI
• Google Fonts

Disclaimer: I do not own the rights to Ghibli or their items/Not a real store/checkout will not withdraw actual payment