https://github.com/mannuelf/my-discogs
Show a sellers Inventory using Discogs API and Remix (React)
https://github.com/mannuelf/my-discogs
Last synced: 18 days ago
JSON representation
Show a sellers Inventory using Discogs API and Remix (React)
- Host: GitHub
- URL: https://github.com/mannuelf/my-discogs
- Owner: mannuelf
- License: mit
- Created: 2024-06-16T03:57:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-16T20:26:32.000Z (over 1 year ago)
- Last Synced: 2024-09-18T01:30:47.574Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://my-discogs.vercel.app
- Size: 517 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# MyDiscogs - React Remix App
MyDiscogs is a React client to display all the "for sale" items in a sellers inventory using the [Discogs API](https://www.discogs.com/developers).
To see the contents of a specific seller you must add the seller name to environment variable: `SELLER_USERNAME`
## Environment variables
```sh
ACCESS_TOKEN_URL=https://api.discogs.com/oauth/access_token
AUTHORIZE_URL=https://www.discogs.com/oauth/authorize
CONSUMER_KEY=
CONSUMER_SECRET=
REQUEST_TOKEN_URL=https://api.discogs.com/oauth/request_token
SELLER_USERNAME=
USER_AGENT=yourAppName/1.0 +http://localhost:5173
```
Get your consumer key and secret from [Discogs API](https://www.discogs.com/developers)
## Development
```sh
pnpm i
```
Run the dev server:
```sh
pnpm dev
```
## Deployment
First, build your app for production:
```sh
pnpm build
```
Then run the app in production mode:
```sh
pnpm start
```
Now you'll need to pick a host to deploy it to.
### Built With
- 💽 [Discogs API](https://www.discogs.com/developers)
- 📖 [Remix](https://remix.run/docs)
- 🎨 [shadcn/ui](https://ui.shadcn.com/)
- 👩💻 [React v19](https://react.dev)
### DIY
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of `npm run build`
- `build/server`
- `build/client`
## Styling
This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever css framework you prefer. See the [Vite docs on css](https://vitejs.dev/guide/features.html#css) for more information.