Skip to content

An AI-powered financial management platform that helps you track, analyze, and optimize your spending with real-time insights.

License

Notifications You must be signed in to change notification settings

shiinedev/Maareeye

Repository files navigation

📊 Maareeye

Maareeye Preview

Description

Maareeye is a modern, AI-powered personal finance management application built with React and Supabase. It empowers users to track transactions, manage budgets, scan receipts using AI, and visualize financial reports—all through an intuitive and responsive user interface.


🚀 Features

  • 🧭 Landing Page: Engaging dashboard preview, testimonials, and footer.
  • 🔐 Authentication: Secure signup, login, and logout via Supabase.
  • 👤 User Profile: View and update personal information.
  • 🧾 Transactions: Create, view, and manage financial transactions.
  • 📁 Accounts: Add and display financial accounts.
  • 📈 Reports: Visual summaries of income, expenses, and balances.
  • 📊 Dashboard: Navigation menu with route-based views.
  • 🧠 AI Receipt Scanner: Extract transaction data from uploaded receipts.
  • 📅 Plans: Create and manage financial plans.
  • 🌗 Theme Support: Seamless light and dark mode support for enhanced user experience.

🖼️ Screenshots

Dashboard Preview

Job Portal Preview

Report Preview

Job Portal Preview

🛠️ Tech Stack

Frontend

  • ⚛️ React 19: A JavaScript library for building user interfaces.
  • 🎨 Tailwind CSS v4: A utility-first CSS framework for rapid UI development.
  • 🧩 ShadCN UI: A modern component library built on Radix UI and Tailwind CSS, providing accessible and customizable UI components.
  • 📝 React Hook Form: A library for managing form state and validation in React.
  • 🛡️ Zod: A TypeScript-first schema declaration and validation library.

Backend

  • 🗄️ Supabase: An open-source backend-as-a-service (BaaS) that provides a scalable.

Installation

  1. Clone the repository:

     git clone https://github.com/shiinedev/Maareeye.git
     cd Maareeye
    
  2. Install dependencies:

    npm install
    
  3. Create a .env file in the root directory with your Supabase credentials:

    VITE_SUPABASE_URL=your-supabase-url
    VITE_SUPABASE_ANON_KEY=your-supabase-anon-key
    VITE_GOOGLE_API_KEY=Your Gemini API Key
    
  4. Start the development server:

    npm run dev
    

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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


📧 Contact

🙏 Conclusion

  • Thanks to the Dugsiiye Team and especially our teacher Mc hoamuda

Made with ❤️ using React, Vite, and Supabase react-with-supabase

About

An AI-powered financial management platform that helps you track, analyze, and optimize your spending with real-time insights.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •