A full-stack web application for tracking and managing portfolio companies. Built to demonstrate end-to-end development capabilities with modern technologies.

• Next.js 14 (App Router)
• React 18 with TypeScript
• Tailwind CSS for styling
• Recharts for data visualization
• Axios for API communication

• ASP.NET Core 10 Web API
• Entity Framework Core with PostgreSQL
• JWT Authentication
• BCrypt for password hashing

• PostgreSQL

• Authentication: Secure user registration and login with JWT tokens
• Dashboard: Portfolio overview with key metrics and interactive charts
• Company Management: CRUD operations for portfolio companies
• Metrics Tracking: Track revenue, employees, customers, and churn over time
• Role-Based Access: Admin and Viewer roles with appropriate permissions
• Responsive Design: Works on desktop and mobile devices

portfolio-dashboard/
├── backend/                 # ASP.NET Core API
│   ├── Controllers/         # API endpoints
│   ├── Data/               # DbContext and migrations
│   ├── DTOs/               # Data transfer objects
│   ├── Models/             # Entity models
│   ├── Services/           # Business logic
│   └── Program.cs          # Application entry point
│
├── frontend/               # Next.js application
│   └── src/
│       ├── app/           # Pages (App Router)
│       ├── components/    # Reusable UI components
│       ├── contexts/      # React contexts (Auth)
│       ├── lib/           # API client
│       └── types/         # TypeScript types
│
└── README.md

• .NET 8+ SDK
• Node.js 18+
• PostgreSQL

1. Install PostgreSQL and create a database:

CREATE DATABASE portfolio_dashboard;

2. Update the connection string in backend/appsettings.json:

{
  "ConnectionStrings": {
    "DefaultConnection": "Host=localhost;Database=portfolio_dashboard;Username=your_user;Password=your_password"
  }
}

cd backend

# Restore packages
dotnet restore

# Apply migrations
dotnet ef database update

# Run the API
dotnet run

The API will be available at http://localhost:5000

cd frontend

# Install dependencies
npm install

# Create environment file
cp .env.example .env.local

# Run the development server
npm run dev

The frontend will be available at http://localhost:3000

1. Push code to GitHub
2. Connect repository to Vercel
3. Set environment variable: NEXT_PUBLIC_API_URL
4. Deploy

1. Push code to GitHub
2. Create new project on Railway
3. Add PostgreSQL plugin
4. Set environment variables from Railway's PostgreSQL
5. Deploy

Portfolio overview with key metrics and interactive charts showing revenue trends and industry breakdown.

View all portfolio companies with latest revenue and employee counts.

Individual company view with performance metrics over time.

Secure authentication with JWT tokens.

MIT