A React-based application for indexing and monitoring relay protocol transactions, created with GitHub Spark.

🚀 View Live Application

The application is automatically deployed to GitHub Pages on every push to the main branch.

• Real-time transaction monitoring
• Protocol indexing and analysis
• Interactive dashboard interface
• Built with modern React and TypeScript
• Created using GitHub Spark

• Frontend: React 19, TypeScript
• Styling: Tailwind CSS, Radix UI components
• Build Tool: Vite
• Package Manager: pnpm
• Icons: Phosphor Icons, Heroicons
• Deployment: GitHub Pages with GitHub Actions

• Node.js (version 16 or higher)
• pnpm (install with npm install -g pnpm)

# Clone the repository
git clone https://github.com/warengonzaga/relay-protocol-indexer-app.git
cd relay-protocol-indexer-app

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

# Lint code
pnpm lint

# Optimize dependencies
pnpm optimize

The development server will start at http://localhost:5000/ by default.

This application was created using GitHub Spark, a GitHub feature that enables you to build micro web apps with natural language. Key features include:

• Natural Language Development: Build apps by describing what you want in plain English
• Instant Deployment: Automatically deployed and shareable micro web apps
• Modern Web Stack: Built with React, TypeScript, and modern tooling
• GitHub Integration: Seamlessly integrated with GitHub's development ecosystem

To create a production build:

pnpm build

For GitHub Pages deployment:

pnpm build:gh-pages

The built files will be generated in the dist directory.

This project is configured for automatic deployment to GitHub Pages using GitHub Actions. Every push to the main branch will trigger a new deployment.

To deploy manually:

1. Make sure GitHub Pages is enabled in your repository settings
2. Set the source to "GitHub Actions" in Pages settings
3. Push to the main branch or run the workflow manually

To preview the production build locally:

pnpm preview

pnpm build

The built files will be generated in the dist directory.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.