Publidata

➡ Front-end test

🌳 Environment

This test mainly uses Storybook (https://github.com/storybooks/storybook), React & Sass (via css-module).

ℹ Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.

🔌 Installation

1. Install dependencies : yarn install
2. Run : yarn storybook
3. Open : http://localhost:6006/

💪 Exercise

Turn the image below into storybook components: small, reusable, and testable 🐒

⚠️ All necessary resources are already provided in repository :

• colors: in main sass file https://github.com/publidata/test-front/blob/master/src/assets/styles/main.scss
• fonts: Source Sans Pro, font-awesome (see : https://fontawesome.com/v5/search), unicode (for emoji 🐝 & 🙆)
• image: https://github.com/publidata/test-front/blob/master/src/components/Pane/gardener_cover.png