https://github.com/thamir0022/horizon
Horizon is a web app that helps you manage your finances easily. Connect your bank accounts, track your spending, and transfer money all in one place with a simple and modern interface.
https://github.com/thamir0022/horizon
chartjs dwolla nextjs plaid reactjs tailwindcss typescript
Last synced: 4 months ago
JSON representation
Horizon is a web app that helps you manage your finances easily. Connect your bank accounts, track your spending, and transfer money all in one place with a simple and modern interface.
- Host: GitHub
- URL: https://github.com/thamir0022/horizon
- Owner: thamir0022
- Created: 2024-05-16T15:32:50.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-11T15:12:16.000Z (about 1 year ago)
- Last Synced: 2025-05-24T18:42:32.114Z (5 months ago)
- Topics: chartjs, dwolla, nextjs, plaid, reactjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://horizon-gamma-seven.vercel.app
- Size: 980 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Horizon - A Modern Banking Web App 💸
Welcome to **Horizon** your innovative and fun way to manage your finances! 🌟 Connect your bank accounts, track your spending, and transfer funds with ease, all wrapped in a sleek, modern interface.
## ✨ Features
- **🔗 Multi-Bank Connectivity**: Manage all your bank accounts in one place.
- **📜 Transaction History**: Track your transaction history across all accounts.
- **📊 Spend Analysis**: Gain insights into your spending habits with cool charts.
- **💸 Seamless Fund Transfers**: Effortlessly send money to others.
- **🎨 Modern UI**: Experience a stylish and responsive interface.
- **😊 User-Friendly Design**: Navigate easily with Horizon’s intuitive design.
## 🛠 Getting Started
### Prerequisites
Make sure you have **Node.js** (v14 or higher) and **npm** or **yarn** installed.
### Installation
1. Clone the repo:
```bash
git clone https://github.com/thamir0022/Banking-Web-App.git
```
2. Navigate to the project folder:
```bash
cd horizon
```
3. Install dependencies:
```bash
npm install
````
### Running the Application
Start the development server:
```bash
npm run dev
```
### Live Site🌐
Visit [Horizon](https://horizon-gamma-seven.vercel.app/) to see Horizon in action! 🎉
### Building and Starting the Production Server
1. **Build for production**:
```bash
npm run build or yarn build
```
2. **Start the production server**:
```bash
npm start or yarn start
```
### Linting
1. **Run the linter**:
```bash
npm run lint
```
## 🧰 Technologies Used
- **⚛️ Next.js**: The backbone of Horizon, enabling server-side rendering and static site generation.
- **🚀 React**: For building dynamic, interactive user interfaces.
- **📜 TypeScript**: For static type checking, enhancing code quality.
- **🎨 Tailwind CSS**: For crafting a sleek and responsive design with ease.
- **📊 Chart.js**: For creating interactive charts to visualize spending data.
- **🔒 Plaid**: For securely connecting to and managing bank accounts.
- **💸 Dwolla**: For facilitating smooth and secure fund transfers.
- **🔧 Radix UI**: For building accessible, high-quality UI components.
- **📝 React Hook Form**: For managing forms with ease and validation.
- **🌟 Zod**: For schema validation.
---
**Horizon** - Simplifying banking, one transaction at a time. 💰✨