quest

A finance management dashboard web application built using Next.js 14

Comment

Quest - Manage Your Finance Confidently!

About

Quest is a finance management dashboard web application built using Next.js 14! This robust platform connects multiple bank accounts, displays real-time transactions, and allows seamless fund transfers between users. quest-finance vercel app_sign-in

Tech Stack

  • Next.js: Next.js is a React framework that enables server-side rendering and static site generation for building fast and scalable web applications.
  • TypeScript: TypeScript is a strongly typed programming language that builds on JavaScript, adding static type definitions to help catch errors early and improve code quality.
  • Appwrite: Appwrite is an open-source backend-as-a-service platform that provides developers with a set of APIs for building and scaling web and mobile applications.
  • Plaid: Plaid is a technology platform that connects applications to users’ bank accounts, enabling access to account balances, transaction histories, and more.
  • Dwolla: Dwolla is a payment platform that provides an API for ACH payments, enabling secure bank-to-bank transfers within the United States.
  • React Hook Form: React Hook Form is a library for managing form state in React applications, making it easy to handle form validation and submission.
  • Zod: Zod is a TypeScript-first schema declaration and validation library, designed to ensure data integrity and validation in applications.
  • TailwindCSS: TailwindCSS is a utility-first CSS framework that provides a set of classes for rapidly building custom designs without writing custom CSS.
  • Chart.js: Chart.js is a flexible JavaScript charting library for creating interactive and customizable charts and graphs.
  • ShadCN: ShadCN is a modern component library for building responsive and accessible web interfaces, integrating well with TailwindCSS.

quest-finance vercel app_

Key Features

  • Authentication: Ultra-secure server-side authentication with comprehensive validations and authorization, ensures your data stays protected.
  • Bank Integration: Effortlessly link multiple bank accounts using Plaid, providing a unified view of all your financial assets.
  • Home Page Overview: Get a quick snapshot of your financial health with a consolidated balance, recent transactions, and categorized spending insights.
  • Bank Management: View a detailed list of all connected banks, complete with balances and account specifics.
  • Transaction History: Navigate through your transaction history with ease, using advanced pagination and filtering options tailored for different bank accounts.
  • Real-time Updates: Experience instant reflection of changes across all relevant pages upon connecting new bank accounts, ensuring you always have the most up-to-date information.
  • Funds Transfer: Quest uses Dwolla for handling ACH payments, enabling users to transfer funds between accounts effortlessly. Dwolla’s API ensures that these transactions are secure and compliant with industry regulations.
  • Responsive Design: Enjoy a seamless and consistent user experience across all devices, including desktops, tablets, and mobile platforms, thanks to a responsive design approach.

quest-finance vercel app_my-banks quest-finance vercel app_transaction-history

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Make sure you have the following installed on your machine:

Installation

  1. Clone the repo sh git clone https://github.com/magnifiques/quest.git 2. Install NPM packages sh npm install or yarn install 3. Create and configure your .env.local file with the necessary API keys and settings. ```sh npm run dev or yarn dev

Contribution

Any contributions you make are greatly appreciated.

Contact

Arpit Vaghela - LinkedIn

Project Link: https://quest-finance.vercel.app/

Share this project:

Updates