Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/darshit02/horizon
Horizon is a user-friendly web application that empowers you to effortlessly manage your finances. It seamlessly connects with your bank accounts, providing a centralized platform to view and categorize all your transactions.
https://github.com/darshit02/horizon
appwrite figma javascript nextjs14 plaid tailwindcss typescript
Last synced: 24 days ago
JSON representation
Horizon is a user-friendly web application that empowers you to effortlessly manage your finances. It seamlessly connects with your bank accounts, providing a centralized platform to view and categorize all your transactions.
- Host: GitHub
- URL: https://github.com/darshit02/horizon
- Owner: Darshit02
- Created: 2024-05-02T15:42:39.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-09T08:38:57.000Z (8 months ago)
- Last Synced: 2024-05-17T20:19:42.396Z (7 months ago)
- Topics: appwrite, figma, javascript, nextjs14, plaid, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://horizon-phi-flax.vercel.app
- Size: 3.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A Fintech Bank Application
⚙️ Tech Stack
- Next.js
- TypeScript
- Appwrite
- Plaid
- Dwolla
- React Hook Form
- Zod
- TailwindCSS
- Chart.js
- ShadCN
## 🔋 Features
👉 **Authentication**: An ultra-secure SSR authentication with proper validations and authorization
👉 **Connect Banks**: Integrates with Plaid for multiple bank account linking
👉 **Home Page**: Shows general overview of user account with total balance from all connected banks, recent transactions, money spent on different categories, etc
👉 **My Banks**: Check the complete list of all connected banks with respective balances, account details
👉 **Transaction History**: Includes pagination and filtering options for viewing transaction history of different banks
👉 **Real-time Updates**: Reflects changes across all relevant pages upon connecting new bank accounts.
👉 **Funds Transfer**: Allows users to transfer funds using Dwolla to other accounts with required fields and recipient bank ID.
👉 **Responsiveness**: Ensures the application adapts seamlessly to various screen sizes and devices, providing a consistent user experience across desktop, tablet, and mobile platforms.
and many more, including code architecture and reusability.
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
(https://github.com/Darshit02/Horizon)
cd horizon
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
or
```bash
npm install
```
**Set Up Environment Variables**
Create a new file named `.env` in the root of your project and add the following content:
```env
#NEXT
NEXT_PUBLIC_SITE_URL=
#APPWRITE
NEXT_PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
NEXT_PUBLIC_APPWRITE_PROJECT=
APPWRITE_DATABASE_ID=
APPWRITE_USER_COLLECTION_ID=
APPWRITE_BANK_COLLECTION_ID=
APPWRITE_TRANSACTION_COLLECTION_ID=
APPWRITE_SECRET=
#PLAID
PLAID_CLIENT_ID=
PLAID_SECRET=
PLAID_ENV=
PLAID_PRODUCTS=
PLAID_COUNTRY_CODES=
#DWOLLA
DWOLLA_KEY=
DWOLLA_SECRET=
DWOLLA_BASE_URL=https://api-sandbox.dwolla.com
DWOLLA_ENV=sandbox
```
Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the [Appwrite](https://appwrite.io/), [Plaid](https://plaid.com/) and [Dwolla](https://www.dwolla.com/)
**Running the Project**
```bash
npm run dev
```
or
```bash
bun run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.