Built during the Google x nsave Hackathon as part of a development team, I was responsible for creating the frontend dashboard that transforms backend fraud detection algorithms into an intuitive, user-friendly interface for security professionals.

Project Overview

FDS streamlines the process of uploading, analyzing, and visualizing personal or business financial data.
It empowers users to gain actionable insights, monitor spending habits, and stay on top of their finances with minimal effort.

Key Features

• Easy Data Upload: Import your financial transactions in just a few clicks.
• Interactive Dashboard: Visualize spending patterns, income, and trends with dynamic charts and summaries.
• Smart Alerts: Get notified about unusual activity or important financial events.
• Secure Authentication: Your data is protected with robust login and access controls.
• Responsive Design: Enjoy a seamless experience on desktop, tablet, or mobile.

Tech Highlights

• Frontend:
  Built with React and modular CSS for a fast, maintainable, and visually appealing user experience.

• State Management:
  Utilizes React Context API for efficient and scalable state handling.

• Routing:
  Powered by React Router for smooth navigation and protected routes.

• API Integration:
  Modular service layer for clean and maintainable backend communication.

• Performance:
  Developed with Vite for lightning-fast builds and hot module replacement.

Roles & Permissions

• Authenticated User:
  Upload and analyze personal financial data, receive alerts, and access the dashboard.

• Guest:
  Explore the landing page and learn about the app’s features.