a personalized finance dashboard
The Finance Dashboard App is a web application designed to help users manage their finances. It includes features for budget management, savings goal tracking, and dynamic data visualization. This project is built with React (using Vite) and incorporates Firebase for user authentication.
- User Authentication: Secure signup and login functionality using Firebase Authentication.
- Responsive Design: Mobile-friendly layout for seamless use on any device.
- Clean Interface: Modern and user-friendly design for effortless navigation.
- Frontend: React (Vite setup)
- Authentication: Firebase Authentication
- Styling: CSS
- Node.js (v16 or later)
- Firebase account
git clone cd finance-dashboard
npm install
Create a .env file in the project root and add your Firebase config: VITE_FIREBASE_API_KEY= VITE_FIREBASE_AUTH_DOMAIN= VITE_FIREBASE_PROJECT_ID=
npm run dev
Discovered that Tailwind CSS v4+ requires the @tailwindcss/vite plugin when used with Vite instead of relying on PostCSS. Removed old PostCSS config, installed the proper plugin, and updated vite.config.js accordingly. Now custom Tailwind styles (colors, fonts) render as expected.