Webhook Inspector

A web application for inspecting and managing webhooks with a modern tech stack.

Technologies

Backend (API)

• Node.js
• Fastify
• PostgreSQL
• Drizzle ORM
• TypeScript
• Zod for validation

Frontend (Web)

• React
• TypeScript
• Vite
• CSS Modules

Installation

1. Clone the repository:

git clone https://github.com/your-username/webhook-inspector.git
cd webhook-inspector

2. Install dependencies:

pnpm install

3. Configure environment variables:

# api/.env
DATABASE_URL="postgresql://user:password@localhost:5432/database"
PORT=3333

4. Run database migrations:

cd api
pnpm db:migrate

Usage

Development

1. Start the API server:

cd api
pnpm dev

2. Start the web application:

cd web  
pnpm dev

The web app will be available at http://localhost:5173 and the API at http://localhost:3333.

Production

1. Build the projects:

# Build API
cd api
pnpm build

# Build web app
cd web
pnpm build

2. Start the production servers:

# Start API
cd api
pnpm start

# Serve web build using your preferred static file server

Database Management

• Generate migrations: pnpm db:generate
• Apply migrations: pnpm db:migrate
• Open database GUI: pnpm db:studio

Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Create a Pull Request

License

ISC