SharjeelSafdar/project11-taskbox-component-with-storybook

This Task Box web app is built to learn and demonstrate the use of Storybook with react. Storybook is a view layer agnostic library; it is used for designing components in isolation.

Project 11: Taskbox Component with Storybook

This project was bootstrapped with Create React App. It was created for submission in Pana Cloud Bootcamp 2020.

Link to Web App

The web app has been deployed to Netlify, and can be accessed here and the storybook can be accessed here.

Features

The following are some of the features of this project:

• All components designed with Component Driven Approach (CDD) using Storybook.
• Uses Redux for state management
• CI/CD pipeline with Github Workflows
• Completely typed with Typescript
• Completely interactive and responsive design with Material-UI components.

Learning Outcomes

The following are some of the learning outcomes of this project:

• Using Storybook for designing commponents in isolation.
• Using Redux for state management
• Using Typescript to develop a typed web app
• Building a web app with React.JS, React Icons, Material-UI, Redux Toolkit etc.