Etsyocalypse is a clone of the Etsy product page with a fun, unique twist by introducing a post-apocalyptic theme. Our team of 5 engineers separated the page into components and individually built microservices for each component. Once the individual components were complete we linked them together into a fully functioning application using a reverse proxy server. I was responsible for the reviews component which is detailed below.
The reviews component by default renders item reviews based on an item ID that is passed from the Search component when a user searches for an item. However, the component also has the capability to respond to user input by conditionally rendering either item reviews or shop reviews based on the tab selected by the user. Additionally, if the number of reviews exceeds a certain number, the remaining reviews are hidden until the user clicks on the See More Reviews button.
As a group, we whiteboarded the design of the page, divided it into main components, and assigned each team member one or two components depending on the projected level of effort. We kept track of our progress using Trello and managed our codebase using GitHub.
I decided to use CSS rather than Bootstrap to style my component to get some additional CSS practice. Some aspects of this, such as replicating animations, were challenging but I was able to overcome these challenges by conducting research, documenting my findings, and through some trial and error. Some additional challenges arose when it came time to deploy our microservices through the reverse proxy. We found that there were some CSS conflicts that needed to be resolved, and had to keep close communication to fix a few minor bugs.
| Front-end | Back-end | Deployment & Testing | HTTP Client |
 |
 |
 |
 |
 |
 |
||
 |