Commercial Real Estate SOFR Spreads Dashboard

A dynamic dashboard built with Next.js and Chart.js that visualizes current SOFR (Secured Overnight Financing Rate) spreads across different commercial real estate asset classes.

Preview

Overview

This dashboard provides real-time visualization of SOFR spreads across various commercial real estate asset classes:

• Industrial
• Multifamily
• Office
• Retail

Each asset class is broken down by risk profile:

• Core/Stabilized
• Value-Add
• Opportunistic

Features

• 📊 Interactive data visualization using Chart.js
• 💼 Comprehensive breakdown by asset class
• 🏢 Detailed spread information for different property types
• 📱 Responsive design for all devices
• 🎨 Clean, modern UI with Tailwind CSS

Tech Stack

• Next.js - React framework for production
• Chart.js - Data visualization
• Tailwind CSS - Styling
• TypeScript - Type safety

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository ```bash git clone https://github.com/tony-42069/sofr-spreads-dashboard.git ```

2. Install dependencies ```bash npm install

or

yarn install ```

3. Run the development server ```bash npm run dev

or

yarn dev ```

4. Open http://localhost:3000 with your browser to see the result.

Deployment

The project is deployed on Vercel. For your own deployment:

1. Push your code to GitHub
2. Import your repository to Vercel
3. Deploy with default settings

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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

Contact

Tony - @tony-42069

Project Link: https://tony-42069.github.io/cre-sofr-spreads-dashboard/