masumomo / svelte-storybook-github-template

Svelte template app

Tech stack

• Svelte
• Storybook
• TailwindCSS
• Deploy to Github page using Github Action

�> If you want to use Github page and your github account is free, your repository should be public repo.

Installation

npx degit masumomo/svelte-storybook-github-template <Project Name>
cd <Project Name>
yarn
yarn dev # make sure it works
yarn storybook # make sure it works
yarn test  # make sure it works
git init
git add .
git commit -m "Initial commit"
git remote add origin <Your repo> # It depends on your project
git push origin head # Github action would run automatically and it would be deployed!

TODO for myself...

Sample atomic design

Nice tailwind design components

• Done🎉 Setup Svelte & Storybook & UI library
• Done🎉 Deploy to Github page or Heroku
• Done🎉 Create round buttons
• Create buttons
• Create header
• Create footer
• Create card
• Create article(half size)
• Create article(full size)
• Create sample pages(2 or more)
  • Sample Blog
  • Sample LP
• Crate app which uses only local storage or static