BTBFrontendOLD

BTB Frontend

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![Contributions Welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](CONTRIBUTING.md) [![Follow on X](https://img.shields.io/twitter/follow/btb_finance?style=social)](https://twitter.com/btb_finance) [![Telegram](https://img.shields.io/badge/Telegram-@btbfinance-blue)](https://t.me/btbfinance) [![Instagram](https://img.shields.io/badge/Instagram-@btb__finance-purple)](https://instagram.com/btb_finance)

BTB Finance Logo

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

Clone the repository

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

Install dependencies
```
npm install
# or
yarn install
```

Set up environment variables

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

Start the development server
```
npm run dev
# or
yarn dev
```

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:

Fork the Repository
- Create your own fork of the code
Create a Branch
```
git checkout -b feature/AmazingFeature
```
Make Changes
- Write your code
- Add or update tests
- Update documentation
Follow Coding Standards
- Use TypeScript for type safety
- Follow the existing code style
- Run tests before submitting

Commit Changes

git commit -m 'Add some AmazingFeature'

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

[![Telegram](https://img.shields.io/badge/Telegram-2CA5E0?style=for-the-badge&logo=telegram&logoColor=white)](https://t.me/btbfinance) [![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://instagram.com/btb_finance) [![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/btb_finance)

License

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

--- Made with ❤️ by the BTB Finance Team