Storybook & Atomic Design - 1.0. - Introduction and Final Product
Full course lesson post - https://whatjackhasmade.co.uk/storybo...
GitHub Project Repository - https://github.com/whatjackhasmade/st...
In this course, we'll be building the front-end components required for a new e-commerce website named 'Celtic Elements', a spa-focused product range which promotes self-care.
We'll be using Storybook with a Component Driven Approach to develop our designed website into components ready for use in a production application.
Throughout the course, we'll cover the following lessons -
1. Getting started with Storybook
2. Atomic Design principles
3. Building our stories
4. Building our application wrapper
5. Building our button (atoms)
6. Styling our button
7. SVG Support
8. Storybook Add-ons
9. Building our navigation (molecules)
10. Building our footer (organisms)
11. Building our header
12. Building our cart
13. Building our post template (templates)
14. Building our product template
15. Building our Homepage (pages)
16. Apollo Provider
17. Deploying our pattern library