An open API service indexing awesome lists of open source software.

https://github.com/aojdevstudio/home-dashboard


https://github.com/aojdevstudio/home-dashboard

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

          

# Home Dashboard

![Home Dashboard](public/github.png)

A modern, AI-powered financial dashboard that helps users take control of their financial future through intelligent budgeting, savings tracking, and automated investments.

## ๐ŸŒŸ Features

- **Financial Overview**: Track your account balance, monthly income, and expenses at a glance
- **Transaction Tracking**: Monitor and categorize your recent financial transactions
- **Spending Analysis**: Visualize your spending patterns by category
- **Savings Goals**: Set and track progress towards your savings targets
- **AI Financial Assistant**: Get personalized financial advice and insights
- **Responsive Design**: Beautiful UI that works on desktop and mobile devices

## ๐Ÿš€ Technologies

- **Frontend**: Next.js 15, React 19, TailwindCSS 4
- **State Management**: Zustand
- **Data Visualization**: Recharts, Chart.js
- **API Integration**:
- Plaid (banking connections)
- Alpaca (investment API)
- OpenAI (AI assistant)
- **Backend & Database**: Supabase, PostgreSQL
- **Testing**: Jest, Cypress, Playwright

## ๐Ÿ“‹ Prerequisites

- Node.js 18.0 or later
- npm or yarn package manager
- Supabase account (for database)
- API keys for Plaid, Alpaca, and OpenAI (for full functionality)

## ๐Ÿ”ง Installation

1. Clone the repository:
```bash
git clone https://github.com/AojdevStudio/home-dashboard.git
cd home-dashboard
```

2. Install dependencies:
```bash
npm install
# or
yarn install
```

3. Set up environment variables:
- Copy `.env.local.example` to `.env.local`
- Fill in your API keys and configuration values

4. Run the development server:
```bash
npm run dev
# or
yarn dev
```

5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## ๐Ÿ—๏ธ Project Structure

```
home-dashboard/
โ”œโ”€โ”€ public/ # Static assets
โ”œโ”€โ”€ src/
โ”‚ โ”œโ”€โ”€ app/ # Next.js App Router
โ”‚ โ”‚ โ”œโ”€โ”€ dashboard/ # Dashboard page
โ”‚ โ”‚ โ”œโ”€โ”€ login/ # Authentication pages
โ”‚ โ”‚ โ”œโ”€โ”€ signup/ # User registration
โ”‚ โ”‚ โ””โ”€โ”€ page.tsx # Landing page
โ”‚ โ”œโ”€โ”€ components/ # Reusable UI components
โ”‚ โ”œโ”€โ”€ lib/ # Utility functions and API clients
โ”‚ โ””โ”€โ”€ types/ # TypeScript type definitions
โ”œโ”€โ”€ .env.local.example # Example environment variables
โ””โ”€โ”€ package.json # Project dependencies
```

## ๐Ÿงช Testing

Run the test suite:

```bash
# Unit and integration tests
npm run test

# End-to-end tests with Cypress
npm run cypress

# End-to-end tests with Playwright
npm run playwright
```

## ๐Ÿšข Deployment

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out the [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

## ๐Ÿ”’ Security

This application handles sensitive financial data. Always:
- Use HTTPS in production
- Never commit API keys or secrets to the repository
- Follow best practices for authentication and data protection

## ๐Ÿ“ License

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

## ๐Ÿค Contributing

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

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request

## ๐Ÿ“ž Contact

AojdevStudio - [GitHub](https://github.com/AojdevStudio)

Project Link: [https://github.com/AojdevStudio/home-dashboard](https://github.com/AojdevStudio/home-dashboard)