BTB Frontend

Description

BTB Finance is a cutting-edge financial platform that revolutionizes how you interact with financial markets. Built with modern web technologies, it provides a seamless and intuitive user experience for all your financial needs.

Features

• Solana Integration - Built on Solana's high-performance blockchain
• Web3 Wallet Support - Compatible with Phantom, Solflare, and other Solana wallets
• Modern UI/UX - Built with Next.js 14 and Radix UI components
• Responsive Design - Optimized for all devices with Tailwind CSS
• Dark/Light Mode - Theme support with next-themes
• Interactive Charts - Financial data visualization with Recharts
• Type Safety - Full TypeScript support
• Testing - Comprehensive Jest and React Testing Library setup

Tech Stack

Core

• 
• 
• 

Styling

• 
• 

Blockchain

• 
• Anchor Framework
• Web3.js

Testing

• 
• React Testing Library

Prerequisites

• Node.js 18.x or higher
• npm or yarn package manager
• A Solana wallet (Phantom or Solflare recommended)

Getting Started

1. Clone the repository

git clone https://github.com/btb-finance/BTBFrontend.git
cd BTBFrontend

2. Install dependencies

npm install
# or
yarn install

3. Set up environment variables

cp .env.example .env.local
# Edit .env.local with your configuration

4. Start the development server

npm run dev
# or
yarn dev

5. Run tests

npm test
npm run test:watch   # Watch mode
npm run test:coverage # Coverage report

Project Structure

BTBFrontend/
├── app/              # Next.js 14 app directory
├── components/       # React components
│   ├── background/  # Background components
│   └── ui/          # UI components
├── public/          # Static files
├── styles/          # Global styles
├── lib/             # Utility functions
├── hooks/           # Custom React hooks
└── __tests__/       # Test files

Contributing

We welcome contributions! Here's how you can help:

1. Fork the Repository

   • Create your own fork of the code

2. Create a Branch

   git checkout -b feature/AmazingFeature

3. Make Changes

   • Write your code
   • Add or update tests
   • Update documentation

4. Follow Coding Standards

   • Use TypeScript for type safety
   • Follow the existing code style
   • Run tests before submitting

5. Commit Changes

   git commit -m 'Add some AmazingFeature'

6. Push and Create PR

   git push origin feature/AmazingFeature

   Then create a Pull Request on GitHub

Development Guidelines

• Use TypeScript for all new code
• Write tests for new features
• Follow the component structure in place
• Use Tailwind CSS for styling
• Ensure responsive design
• Keep accessibility in mind

Connect With Us

License

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

---

Made with ❤️ by the BTB Finance Team