Vibrant Kit is a simple component library UI kit that gives you the building blocks to build your React applications.
Project Purpose and Goal
I wanted to create my customized and reusable components since I build a lot of projects using customized and reusable components. I also wanted to go beyond just building websites with React
Web Stack
I used React for writing the code, Storybook for showing the various components, and CSS and styled-components for styling
Thought Process
I started off using Figma to build the reusable components and just translated it to code with React and Storybook to express the components. Since the project is still on going, I have some components I have not added yet
Lesson Learned
This project took my React learning to a dimension in terms of using Storybook.js and creating packages with Rollup. This is a project I intend to keep going