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