Razor Store
This is an app made with Svelte Tutorial and Projects Course by John Smilga.
Why am I doing another Svelte Course? To get the itty details about the framework I seem to have missed in the first course without having too much trouble.
Ps:. I didn't make the design, just toggled around a bit.
What I learned with this project:
- How to properly use
<Svelte: something />
properties
- How to use derived stores
- How to set ES6 dynamic properties
- How to make better reusable functions:
toggleItem: (item, value) => {
sidebar.update(storeValues => {
return {...storeValues, [item]:value}
})
}
- How to implement Stripe payment method to Strapi
- How to properly use Svelte animations
How to run
- Clone repo
git clone [email protected]:analubarreto/RazorStore.git
or, without an ssh-key
git clone https://github.com/analubarreto/RazorStore.git
- Cd into folder
- Install dependencies
npm i
- Run project
npm run dev
- Open browser in locahost:5000/
WARNINGS:
- For now most functionalities won't work because I don't have the strapi CMS in a internet Server and for security sake (even if this is a pet project) I'm not going to put the CMS code as open source.
- If you want to test here the payment you'll need a stripe account to get your own API key. After getting one you should add a file named stripeKey.js in the constants folder and add your key to it as a default export.