Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marx-wrld/vocalshare
A music service app that gives you access to songs from all over the world.
https://github.com/marx-wrld/vocalshare
radix-ui stripe supabase tailwindcss typescript
Last synced: 2 days ago
JSON representation
A music service app that gives you access to songs from all over the world.
- Host: GitHub
- URL: https://github.com/marx-wrld/vocalshare
- Owner: Marx-wrld
- License: mit
- Created: 2023-06-19T08:20:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-24T17:51:26.000Z (11 months ago)
- Last Synced: 2023-12-24T20:03:24.795Z (11 months ago)
- Topics: radix-ui, stripe, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 590 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vocalshare
A music service app that gives you access to songs from all over the world.
**Built with Typescript, React(radix ui), supabase(PostgreSQL), stripe(for subscription) and Tailwind CSS**
- To run the app:
```
npm run dev
```
#### Configuring Stripe
**Stripe (Webhooks-API) config: Open two separate terminals(You can use your editors terminal)
- Visit stripe developer-webhooks then click on the `test in a local environment`.
- Type `stripe login` in your terminal after installing the stripe-cli in your local environment. (1st terminal)
- Type `stripe listen --forward-to localhost:3000/api/webhooks` in order to get your Stripe Webhook secret then copy the key to your env.local file (same 1st terminal)
- Type `stripe trigger payment_intent.succeeded` (2nd terminal) to test the `stripe listen --forward-to localhost:3000/api/webhooks` and check whether it returns a 200 POST response on the 1st terminal.
- Webhook terminal needs to remain active while in developer mode
- You should also navigate to customer portal in stripe and activate the test link
