https://github.com/wadedesign/steam-mods

Steam Workshop Mod Fetcher simplifies fetching and managing Steam Workshop mod details via URL. Built with Next.js, TypeScript, and Tailwind CSS, it offers an efficient and user-friendly experience.
https://github.com/wadedesign/steam-mods

mods steam url workshop

Last synced: about 2 months ago
JSON representation

Steam Workshop Mod Fetcher simplifies fetching and managing Steam Workshop mod details via URL. Built with Next.js, TypeScript, and Tailwind CSS, it offers an efficient and user-friendly experience.

• Host: GitHub
• URL: https://github.com/wadedesign/steam-mods
• Owner: wadedesign
• License: agpl-3.0
• Created: 2024-06-30T07:03:09.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-25T15:31:29.000Z (3 months ago)
• Last Synced: 2024-10-12T02:28:34.101Z (3 months ago)
• Topics: mods, steam, url, workshop
• Language: TypeScript
• Homepage: https://steam-mods.wadedev.us/
• Size: 5.16 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Steam Workshop Mod Fetcher

[![Website](https://img.shields.io/website-up-down-green-red/http/steam-mods.wadedev.us.svg)](https://steam-mods.wadedev.us)

Steam Workshop Mod Fetcher is a tool that allows users to easily fetch and manage Steam Workshop mod information. Simply enter a Steam Workshop URL to retrieve mod details and community pack information.

## Features

- **Fetch Mod Details**: Enter a Steam Workshop URL to get detailed information about mods.

- **User-Friendly Interface**: Clean and simple UI for easy navigation.

- **Responsive Design**: Optimized for both desktop and mobile devices.

## Showcase 

### Home Page

![Home Page](./public/test1.png)

### Fetching Mod Details

![Fetching Mod Details](./public/test3.png)

### Mod Details Display

![Mod Details Display](./public/test2.png)

## Technologies Used

- [Next.js](https://nextjs.org/) - The React Framework for Production

- [TypeScript](https://www.typescriptlang.org/) - Typed JavaScript at Any Scale

- [Tailwind CSS](https://tailwindcss.com/) - Utility-First CSS Framework

- [Supabase](https://supabase.io/) - Open Source Firebase Alternative

## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

- Node.js

- npm or yarn

### Installation

1. Clone the repo

   ```sh

   git clone https://github.com/wadedesgin/steam-workshop-mod-fetcher.git

    ```

2. Install NPM packages

   ```sh

   npm install

   ```

3. Start the development server

   ```sh

    npm run dev

    ```

4. Open your browser and navigate to `http://localhost:3000`