ReservoirCats is a full-stack e-commerce app. It was a group project for the Concordia University boot camp.
It is built on the MERN stack:
- The database used is MongoDB;
- The node.js server is RESTful and follows REST principles;
- The Express.js framework is used;
- The front end is built with React.js;
R-LeBlanc https://github.com/R-LeBlanc
MichelleDeblois https://github.com/MichelleDeblois
The landing page presents the user a short fade-in animation, revealing some cartoon cats (the Reservoir Cats, as we called them).
The AllProducts page presents the user with the products for sale. Each product is presented on its own tile, with the option to add one of this item to your cart.
A cool feature of this app is that items can be sorted based on various criteria.
Users can add or remove items from their cart, or reset their cart. LocalStorage allows the cart's contents to persist through a refresh or a closed browser window. The Cart component's fuctionality comes from a CartContext file, which contains a useReducer hook.
Upon placing an order, the user is presented with a confirmation page. A summary of the purchase is provided, along with an order ID generated using UUIDv4.