Skip to content

Catherine de Sienne is a cutting-edge financial SaaS platform designed to simplify and enhance the management of personal finances. This platform seamlessly connects users to multiple bank accounts, offering real-time transaction monitoring and enabling secure money transfers between users within the platform.

License

Notifications You must be signed in to change notification settings

Milind-Palaria/Catherine-de-sienne

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’΅ Catherine de Sienne - The Merchant Bank πŸ’΅

Welcome Page

Catherine de Sienne is a comprehensive financial SaaS platform designed to empower users to manage their finances effectively. By connecting to multiple bank accounts, the platform offers real-time transaction monitoring, secure money transfers between users, and a host of other features to streamline financial management.

nextdotjs tailwindcss Firebase vercel Zod tailwindcss Plaid Dwolla React Hook Form React Hook Form

πŸ“‘ Table of Contents

✨ Features

  • πŸ”— Multiple Bank Connections: Securely connect to various bank accounts using Plaid and Dwolla.
  • πŸ“ˆ Real-time Transaction Monitoring: View transactions as they happen, providing a clear overview of your financial activities.
  • πŸ’Έ Fund Transfers: Transfer money between your accounts or to other users on the platform with ease.
  • πŸ“Š Comprehensive Financial Management: Manage your finances from a single, intuitive dashboard.
  • πŸ” Secure Authentication: User data is protected with Appwrite's secure authentication.
  • πŸ“± Responsive Design: The interface is fully responsive, offering a seamless experience on both desktop and mobile devices.
  • πŸ“‰ Dynamic Data Visualizations: View your financial data through engaging and informative charts using Chart.js.

Login Page

πŸ› οΈ Technologies Used

  • Next.js: A React framework for building fast and user-friendly web applications.
  • TypeScript: A typed superset of JavaScript that adds static types to the language.
  • Appwrite: A secure open-source backend server for web, mobile, and flutter developers.
  • Plaid: A financial technology platform that connects applications to users' bank accounts.
  • Dwolla: A platform for bank transfers and payments.
  • React Hook Form: A performant, flexible, and extensible form library for React.
  • Zod: A TypeScript-first schema declaration and validation library.
  • TailwindCSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • Chart.js: A simple yet flexible JavaScript charting library.
  • ShadCN: A component library for building modern, responsive UIs.

Registeration Page

βš™οΈ Installation

Prerequisites

  • Node.js (v14.x or later)
  • Yarn or npm
  • Appwrite
  • Plaid and Dwolla API keys

πŸ“₯ Clone the Repository

git clone https://github.com/milind-palara/catherine-de-sienne.git
cd catherine-de-sienne

πŸ“¦ Install Dependencies

Using Yarn:

yarn install

Using npm:

npm install

Home Page

πŸ”’ Environment Variables

Create a .env.local file in the root of your project and add the following environment variables:

NEXT_PUBLIC_APPWRITE_ENDPOINT=<Your Appwrite endpoint>
NEXT_PUBLIC_APPWRITE_PROJECT_ID=<Your Appwrite project ID>
NEXT_PUBLIC_APPWRITE_API_KEY=<Your Appwrite API key>
NEXT_PUBLIC_PLAID_CLIENT_ID=<Your Plaid client ID>
NEXT_PUBLIC_PLAID_SECRET=<Your Plaid secret>
NEXT_PUBLIC_PLAID_ENV=<Plaid environment (sandbox/development/production)>
NEXT_PUBLIC_DWOLLA_APP_KEY=<Your Dwolla app key>
NEXT_PUBLIC_DWOLLA_APP_SECRET=<Your Dwolla app secret>

My Banks

πŸš€ Running the Application

To run the application in development mode:

Using Yarn:

yarn dev

Using npm:

npm run dev

The application will be available at http://localhost:3000.

Payment Transfer

πŸ—‚οΈ Project Structure

Here is a brief overview of the project's structure:

β”œβ”€β”€ public/             # Static files like images, icons, and other assets
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/            # Next.js pages and routing
β”‚   β”œβ”€β”€ components/     # Reusable React components
β”‚   β”œβ”€β”€ lib/            # Utility functions and helpers
β”‚   β”œβ”€β”€ styles/         # Global styles and Tailwind CSS configuration
β”‚   β”œβ”€β”€ public/         # Publicly accessible files, like favicons and other static assets
β”‚   β”œβ”€β”€ constants/      # Constant values used across the application
β”‚   β”œβ”€β”€ data/           # Mock data, JSON files, or data fetching logic
β”‚   β”œβ”€β”€ types/          # TypeScript types and interfaces
β”‚   └── utils/          # Helper functions and utility scripts
β”œβ”€β”€ .env.example        # Example of environment variable settings
└── README.md           # Project documentation and instructions

Transfer History

🀝 Contributing

We welcome contributions! If you would like to contribute to Catherine de Sienne, please follow these steps:

  1. 🍴 Fork the repository.
  2. 🌿 Create a new branch (git checkout -b feature-branch).
  3. πŸ› οΈ Make your changes.
  4. πŸ’¬ Commit your changes (git commit -m 'Add some feature').
  5. πŸ“€ Push to the branch (git push origin feature-branch).
  6. πŸ” Open a pull request.

Connect Banks

Please ensure your code adheres to the project's coding standards and passes all tests.

πŸ“œ License

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

πŸ“ž Contact

For any inquiries or feedback, please contact us at:


About

Catherine de Sienne is a cutting-edge financial SaaS platform designed to simplify and enhance the management of personal finances. This platform seamlessly connects users to multiple bank accounts, offering real-time transaction monitoring and enabling secure money transfers between users within the platform.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published