THE BOOSTER TUTOR

This is a pet-project e-commerce site focused around the sale of Magic: The Gathering booster packs. Written with React / Redux frontend, Node, Express, and MongoDB backend from scratch.

(Javascript, React, Redux, Node, Express, MongoDB)

PRODUCTS

Simple, nonrelational database to fetch all products with a single axios api call. Allows the redux state shape to stay flat and reuseable in the frontend, and additional features can be easily added in the future without dropping the database.

CART

Products can be added to carts, whose state is tracked in the reducer and stored in localStorage. This results in no repeated data being stored in the backend, and only one centralized operation. Advantages to this should additional benefits such as user auth, etc. be implemented, is that this allows cart access to anonymous users, while being fetchable when they register/log in.

FRONT-END

Dynamic rendering of search filter, sort by, and paginated products using custom React hooks, and full mobile-responsivity with a menu dropdown and backdrop.