Skip to content

brucruz/carb-manager-challenge

Repository files navigation

Carb Manager Challenge

This project was based on the following Figma design:

Design

Card:

Hover:

20% opacity white fill when hovering over the card.

Figma Link:

https://www.figma.com/file/Hv0bOihxG5M40ASYsFBrVR/Interview-Assignment?node-id=0%3A1

You can check the other provided instructions in this file.


How to start:

To start, you will need to run the following command to install all the necessary project dependencies:

yarn install

Whenever you are ready to start the server and the app, run the following command:

yarn serve

To be able to run the tests, you will need to run the following command:

yarn test

Future improvements:

  • The PremiumCardRecipe component should receive a prop called isFavorite and render a filled heart if it is true. Unfortunalelly, the server does not provide this information yet.

  • The PremiumCardRecipe should also be able to display different variations depending on the variation prop. For example, if the we want to display a 'Recipe of the Day' card variation, like the image below, we would be able to reuse a lot of the code from the PremiumCardRecipe component, passing variable props to the Styled Components elements and then modifying CSS attributes.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published