https://github.com/syeddhassan/horizon

Horizon is a financial SaaS platform that connects multiple bank accounts, displays real-time transactions, allows users to transfer money to other platform users, and provides a finance management dashboard. Built with Next.js, TypeScript, and integrated with Appwrite, Plaid, and Dwolla for secure financial operations.
https://github.com/syeddhassan/horizon

appwrite chartjs dwolla financial-services fullstack-development fund-transfer nextjs14 plaid responsive-design saas-application tailwindcss transaction-management types

Last synced: 8 months ago
JSON representation

Horizon is a financial SaaS platform that connects multiple bank accounts, displays real-time transactions, allows users to transfer money to other platform users, and provides a finance management dashboard. Built with Next.js, TypeScript, and integrated with Appwrite, Plaid, and Dwolla for secure financial operations.

• Host: GitHub
• URL: https://github.com/syeddhassan/horizon
• Owner: SyeddHassan
• Created: 2024-09-15T13:21:43.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-17T15:25:35.000Z (about 1 year ago)
• Last Synced: 2025-01-02T22:46:23.294Z (10 months ago)
• Topics: appwrite, chartjs, dwolla, financial-services, fullstack-development, fund-transfer, nextjs14, plaid, responsive-design, saas-application, tailwindcss, transaction-management, types
• Language: TypeScript
• Homepage: https://horizon-jet.vercel.app
• Size: 1.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Horizon: Financial SaaS Platform

![Horizon - Landing Page](https://media.licdn.com/dms/image/v2/D4E22AQFz1vg9D2AUOA/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586545864?e=1729728000&v=beta&t=wLgdt7gW45bxunsP0deE6B-1xaMfPjrcU7ZB_gIp-3A)

## Introduction

**Horizon** is a comprehensive financial SaaS platform designed to connect multiple bank accounts, display real-time transactions, allow users to transfer money to other platform users, and manage finances efficiently. Built with cutting-edge technologies, Horizon ensures secure financial operations and a user-friendly interface.

## Languages, Frameworks, and Libraries

- ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white) **Next.js**: A React framework for production-grade applications with server-side rendering (SSR).

- ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white) **TypeScript**: Type-safe JavaScript for scalable applications.

- ![Appwrite](https://img.shields.io/badge/Appwrite-222222?style=for-the-badge&logo=appwrite&logoColor=white) **Appwrite**: Backend server for handling databases, storage, and authentication.

- ![Plaid](https://img.shields.io/badge/Plaid-00BFFF?style=for-the-badge&logo=plaid&logoColor=white) **Plaid**: Bank account integration for securely linking financial accounts.

- ![Dwolla](https://img.shields.io/badge/Dwolla-FF6347?style=for-the-badge&logo=dwolla&logoColor=white) **Dwolla**: Payment integration for transferring funds.

- ![React Hook Form](https://img.shields.io/badge/React--Hook--Form-00D8FF?style=for-the-badge&logo=react&logoColor=white) **React Hook Form**: Simplifies form handling with validation.

- ![Zod](https://img.shields.io/badge/Zod-F28D1A?style=for-the-badge&logo=none&logoColor=white) **Zod**: TypeScript-first schema validation for form handling.

- ![Tailwind CSS](https://img.shields.io/badge/Tailwind--CSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white) **Tailwind CSS**: Utility-first CSS framework for building custom designs.

- ![Chart.js](https://img.shields.io/badge/Chart.js-F00?style=for-the-badge&logo=chartdotjs&logoColor=white) **Chart.js**: Visualization library for dynamic financial charts and graphs.

- ![ShadCN](https://img.shields.io/badge/ShadCN-6B7280?style=for-the-badge&logo=none&logoColor=white) **ShadCN**: UI library for accessible and reusable components.

## Screenshots

### Figma Design

![Horizon Figma Design](https://media.licdn.com/dms/image/v2/D4E22AQH47a1uQRY95A/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586545869?e=1729728000&v=beta&t=NNXtaw5P4BVumLtfpwAzCRcN0Y_CHtBjvYROZXCSYnM)

### Figma Design Conversion

![Horizon Landing Page](https://media.licdn.com/dms/image/v2/D4E22AQFz1vg9D2AUOA/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586545864?e=1729728000&v=beta&t=wLgdt7gW45bxunsP0deE6B-1xaMfPjrcU7ZB_gIp-3A)

![Dashboard Screenshot](https://media.licdn.com/dms/image/v2/D4E22AQFKXlrT_dilrQ/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586545846?e=1729728000&v=beta&t=dYSD1j80u5zwX6QoaiuMjkyc-xftI9M-mKdKowhd0Mw)

### Transaction History

![Transaction History Screenshot](https://media.licdn.com/dms/image/v2/D4E22AQGI5Hl0UgfayA/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586546546?e=1729728000&v=beta&t=Rg_BBn80Zs3FkATp49Z00XioD2wM_yWcVS8Be7xGel4)

### Funds Transfer

![Funds Transfer Screenshot](https://media.licdn.com/dms/image/v2/D4E22AQEYHBpkrRkdnA/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586546260?e=1729728000&v=beta&t=tb_C_6SqDNUbReLRGZBWHY0MRZdt5suROGf4BSOJC4A)

### Responsive Design

![Responsive Design Screenshot1](https://media.licdn.com/dms/image/v2/D4E22AQFKNSn5BNVAUg/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586545529?e=1729728000&v=beta&t=NgQ0OMt9abIaGJ2Q1YmbF5n85gUlCvL3FMEgACSv0D0)

![Responsive Design Screenshot2](https://media.licdn.com/dms/image/v2/D4E22AQEw-e4HNeUADw/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1726586547187?e=1729728000&v=beta&t=dRJpwyuaDp1Iohus9km5ueAY3zgrVSS_Mp3pzw2P1Ws)

## Features

- **Authentication**: Secure server-side authentication with proper validation and authorization.

- **Connect Banks**: Integration with Plaid for seamless multiple bank account linking.

- **Home Page**: Displays a general overview of user accounts, total balance, recent transactions, and spending analytics.

- **My Banks**: View connected bank accounts, balances, and account details.

- **Transaction History**: Pagination and filtering options for transaction history of different banks.

- **Real-time Updates**: Immediate reflection of changes across all pages upon connecting new bank accounts.

- **Funds Transfer**: Enables secure fund transfers to other platform users via Dwolla, including fields for recipient details and bank ID.

- **Responsive Design**: Optimized for seamless experience across desktop, tablet, and mobile devices.

---

## Contributing

We welcome contributions! Feel free to open issues or submit pull requests to enhance Horizon.