Vesting Vault Frontend

A modern vesting dashboard built with Next.js, React, and TypeScript.

Project Overview

Vesting Vault is a web application for managing and tracking token vesting schedules. Built on Next.js 16 with the App Router, this frontend provides a sleek, responsive interface for users to interact with their vesting vaults.

Tech Stack

• Framework: Next.js 16.1.6 (App Router)
• Language: TypeScript 5
• UI: React 19.2.3, Tailwind CSS 4
• Linting: ESLint with Next.js config
• Testing: Vitest (unit/integration)

Getting Started

Prerequisites

• Node.js 18+
• npm, yarn, pnpm, or bun

Installation

# Clone the repository
git clone https://github.com/Vesting-Vault/frontend.git
cd frontend

# Install dependencies
npm install

Development

# Start development server
npm run dev

# Open http://localhost:3000 in your browser

Build

# Create production build
npm run build

# Start production server
npm start

Testing

# Run all tests
npm test

# Run tests in watch mode
npm run test:watch

# Run tests with coverage
npm run test:coverage

Linting

# Run ESLint
npm run lint

Project Structure

app/
  globals.css      # Global styles with Tailwind
  layout.tsx       # Root layout with fonts
  page.tsx         # Home page
public/            # Static assets

CI/CD

This project uses GitHub Actions for continuous integration:

• Trigger: Push to main or pull requests
• Steps: Install dependencies, run linting, execute tests, build

See .github/workflows/test.yml for details.

Contributing

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to the branch
5. Open a pull request

License

MIT