Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jayrichh/steamshare

Last synced: 24 days ago
JSON representation

Host: GitHub
URL: https://github.com/jayrichh/steamshare
Owner: JayRichh
Created: 2024-11-22T09:53:26.000Z (about 1 month ago)
Default Branch: main
Last Pushed: 2024-11-22T18:26:36.000Z (about 1 month ago)
Last Synced: 2024-11-22T18:30:05.118Z (about 1 month ago)
Language: TypeScript
Size: 323 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# SteamShare

Steam screenshot and inventory management platform with integrated gallery organization and canvas editing. Built with Next.js 14 on the Steam Web API and created using [next-temploot](https://github.com/JayRichh/next-temploot).

Features seamless Steam authentication, real-time friend activity, and advanced collage creation tools.

## Core Features

- **Steam Integration** - Seamless login, inventory sync, and friend activity
- **Screenshot Gallery** - Browse and manage your Steam screenshots
- **Inventory System** - View and filter game items with rarity display
- **Canvas Editor** - Professional editing tools powered by Fabric.js
- **Friend System** - View and interact with Steam friends' content

![image](https://github.com/user-attachments/assets/225ededf-a19c-444a-8593-74493304258e)

## Project Structure

```
src/
├── app/ # Next.js app router
│ ├── dashboard/ # Screenshot management
│ ├── editor/ # Canvas editor
│ ├── inventory/ # Item management
│ ├── steam/ # Steam integration
│ └── api/ # API endpoints
├── components/ # React components
├── context/ # React context
├── hooks/ # Custom hooks
├── tools/ # Canvas tools
│ ├── drawing/ # Drawing tools
│ └── filters/ # Image filters
└── types/ # TypeScript types
```

## Tech Stack

- **Framework** - Next.js 14, React 18
- **Canvas** - Fabric.js 6.5
- **Styling** - Tailwind CSS, Framer Motion
- **Forms** - React Hook Form, Zod
- **UI** - Lucide Icons, CVA
- **Dev Tools** - TypeScript, ESLint, Prettier

![image](https://github.com/user-attachments/assets/1e433768-cf25-4081-bd4d-aa01ecba5a0e)

![image](https://github.com/user-attachments/assets/77590cd8-6ccd-47e0-be80-24d9839e73c6)

## Development

```bash
npm install
npm run dev
```

![image](https://github.com/user-attachments/assets/4ab793f3-eabb-4426-9f1c-996000a735ab)

Requires `STEAM_API_KEY` in `.env.local`

## License

MIT