BloomFi

BloomFi is a modern financial platform interface built with React and Tailwind CSS. This project focuses on delivering a clean, responsive user experience for managing digital assets and exploring investment opportunities.

🚀 Features

• Modern Dashboard: A streamlined view of financial metrics.
• Capital Management: Dedicated sections for capital tracking and investor relations.
• Utility-First Styling: Built entirely using Tailwind CSS for a highly performant and responsive UI.
• Component-Based Architecture: Modular React components for high maintainability.

🛠️ Tech Stack

• Frontend: React
• Styling: Tailwind CSS
• Build Tool: Vite

📂 Project Structure

The project follows a modular component structure:

• NavBar: Responsive navigation.
• MainView: Primary hero and dashboard summary.
• UsdBloom: Financial asset visualization.
• Capital: Detailed capital breakdown.
• Investors: Investor overview and data.
• Bottom: Footer and supplementary links.

⚙️ Getting Started

Prerequisites

• Node.js (v16 or higher recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/BloomFi.git

2. Navigate to the project directory:

   cd BloomFi

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev