FinPilot is an AI-powered financial planning assistant that helps users create personalized investment and savings strategies. This repository contains the frontend of the project, built with React, Material-UI, and TailwindCSS.

📌 Features

✅ Modern UI with Material-UI + Tailwind styling

✅ Landing page with onboarding form

✅ Chat interface with AI financial agent

✅ Dynamic financial plan cards & dashboards

✅ Simulation tabs for personalized planning

✅ Responsive design for mobile & desktop

🛠️ Tech Stacks used in this project:

React.js – UI framework

Material-UI (MUI) – UI components

Tailwind CSS – Styling & responsiveness

Context API – Global state management

Axios / Fetch – API requests to backend

🚀 Getting Started

1️⃣ Clone the repository

git clone https://github.com/your-username/finpilot-frontend.git cd finpilot-frontend

2️⃣ Install dependencies

npm install

3️⃣ Run the development server npm start

🔧 Available Scripts

npm start → Runs the app in development mode

npm run build → Builds the app for production

npm test → Launches test runner

npm run lint → Checks for linting errors (if configured)

🔗 Backend Integration

The frontend connects with the FinPilot backend API. Make sure the backend server is running before starting the frontend. Update the API base URL in services/api.js if needed.

#By_Team_Lumina