Mejuri PIN

First of all, thanks for your time and take this challenge, we really appreciate it! We gonna try to make this challenge and opportunity to see your skills and also interesting for you.

The concept

You are a front-end rockstar and Mejuri contacted you to create the next product that will change the world: Mejuri PIN. The main idea is to create a pinterest like board, showing all the Mejuri products, and also allow the user to like them. The user should also be able to list only the liked products and filter the content by category.

Of Course this site should look awesome in mobile! Because everybody loves browsing with their phones!

Finally, the performance is important, and you are the expert! Please let us know about the strategies used in behalf of optimization and browser performance.

Let’s do it

We included a candidate mockup.png as a base guide, but any improvement is well received!. You can check the complete category page here.

All the products in a single endpoint

http://mejuri-fe-challenge.s3-website-us-east-1.amazonaws.com/shop_all.json

Examples

• Bracelets: http://mejuri-fe-challenge.s3-website-us-east-1.amazonaws.com/bracelets.json
• Earrings: http://mejuri-fe-challenge.s3-website-us-east-1.amazonaws.com/earrings.json
• Pendants: http://mejuri-fe-challenge.s3-website-us-east-1.amazonaws.com/pendants.json
• Rings: http://mejuri-fe-challenge.s3-website-us-east-1.amazonaws.com/rings.json

Your app should be able to

• Read the data from the json sources.
• Render the products by category and show the name of the products when the user places the cursor over the product image.
• Save your favorite products and list them in a separate section.
• Filter by category.

Libraries

• Please do not use other JS frameworks, such as JQuery, Angular, etc. Full development in React is mandatory for this challenge.
• We would love to see you implement Styled Components.

Objectives of this coding challenge

• We would like to see how you organize and think your solution in React.
• We would like to see how you work with json data.
• We will check how the application feels in a cellphone or tablet.
• Most importantly, we would like you to have fun doing it!