Nixon Watches Full Stack Build

Dynamically Rendered Product Pane

Objective

Recreated the Nixon.com product page workflow using ReactJS, MongoDB, Express, Node, and AWS. I was responsible for the product which included dynamically rendering each watch from its serial #, providing a zoom functionality for each image of the watch for users to closely inspect details, and change to alternative colors and unique serials with the click of their image.

Examples

Gif of Product Component functionality

Product Zoom

Dependencies

1. Node Package Manager
2. MongoDB

Instructions

1. Clone down repo
2. Navigate to directory in terminal
3. Setup packages using NPM run npm install
4. Seed database using npm run seed
5. Start local server with npm run start
6. Navigate to http://localhost:4000
7. Enjoy the component!