~Get Your Files Here !

  1. Introduction

   1. Introduction.srt

  2. Design

   1. Creating the bar graph wireframe.srt

   2. Adding colour styles.srt

   3. Adding a hover variant for the bar graph.srt

   4. Adding dark mode variant.srt

   5. Solution for the assignment.srt

  3. Implementation

   1. Setting up the development environment.srt

   10. Using data from the hook to render the bar graph.srt

   11. Adding font loader observer & responsiveness.srt

   2. Adding React component structure & Humanize function for values.srt

   3. (12) Adding visual style to Header & Summary components.srt

   4. (22) Adding visual style to Header & Summary.srt

   5. Setting up a Theme provider.srt

   6. (ReactJS + Canvas) Adding a Canvas hook.srt

   7. Rendering the bar graph axis & its values.srt

   8. Rendering the bar with gradient color.srt

   9. Creating a useData react hook to manage data manipulation.srt

  4. Interactivity

   1. Adding animation to the bar graph.srt

   2. Adding hover state to the bar graph.srt

   3. Bug fix for negative values and text alignment.srt

   4. Adding user's system preference support to enable dark mode.srt

   5. Adding test cases via Storybook.srt