Algorand React Starter for bolt.new

This is a frontend starter template for Algorand dApps that uses React, Vite, TypeScript and TailwindCSS. Algorand wallet connectivity is provided by the Use Wallet UI library by TxnLab.

Quick Start

To jump straight into vibe building on Bolt:

1. Visit https://bolt.new/~/algorand-react-vite to load the project template
2. Follow the instructions on the landing page to give Bolt prompts in discussion and build modes

Overview

This starter template provides scaffolding to build a web app that integrates with the Algorand blockchain.

Tools

• A React single page application (SPA) architecture
• Vite for development and build tooling
• TailwindCSS for styles
• Use Wallet UI, a set of components to implement the @txnlab/use-wallet library for connecting the app to Algorand wallets

Resources

• The Algorand Developer Portal for Algorand technical docs, including conceptual explanations, how-to guides, code examples, tutorials, and more
• A starter prompt for Bolt's discussion mode to prime it with Algorand knowledge
• A starter prompt for Bolt's build mode to get you started

Development

This project uses PNPM workspaces. To get started:

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Lint code
pnpm lint

# Build site
pnpm build

# Run build server
pnpm preview