A modern full-stack finance management platform designed to visualize financial analytics, monitor wallet activity, manage transactions, communicate via internal messaging, and soon — handle emails directly from the dashboard.
- 🔹 Frontend: https://finance-dashboard-frontend-9gsr.onrender.com
- 🔹 Backend: https://finance-dashboard-zdik.onrender.com
- *** It might get some time to login due to free tier of Render, in premium version it wont lag , but once the login is done and dashboard gets open then all things will work fine ***
- Just wait some time to login
🧪 Admin Login
- Email:
admin@example- Password:
admin123
| Layer | Technology |
|---|---|
| Frontend | React, TypeScript, MUI (Material UI) |
| Backend | Node.js, Express, TypeScript |
| Database | MongoDB, Mongoose |
| Auth | JWT (Token-based Authentication) |
| Styling | MUI + Custom CSS |
| Charts | Recharts |
| Date Utils | Day.js |
- User registration & login
- JWT-based session handling
- Admin role support
- Real-time summary: Balance, Revenue, Expenses, and Savings
- Dynamic chart switching (monthly/weekly)
- Recent transaction highlights
- Breakdown of income & expenses
- Latest activity feed
- Color-coded entries
- Filterable by date, search, and status
- Export options: CSV & PDF
- Dynamic amount coloring
- View & update user information
- Change avatar
- Password change
- Activity log
- Direct internal messaging
- One-to-one chats (WhatsApp/Telegram style)
- Smart scroll, preview snippets, timestamp
- Objective: Admin can log in to their Gmail inbox, read & reply directly from the dashboard.
- Gmail API integration using OAuth2
- Real-time interface similar to a messenger
- Smart inbox design
- Node.js ≥ 18.x
- MongoDB local or cloud (e.g., Atlas)
git clone https://github.com/Swapnilpatil03/finance-dashboard.gitcd backend
npm installcd frontend
npm installnpm run dev
# Runs on http://localhost:5000npm start
# Runs on http://localhost:3000https://gist.github.com/Swapnilpatil03/9772e7ce9f78af14e26b728527029041
We're building a new Mail page that allows the admin to log into Gmail and interact with emails just like a chat app (think WhatsApp or Telegram). This feature will make it easier for admins to view and reply to emails in a conversational, threaded interface — all from within the dashboard.
- ✅ UI design for threaded chat experience
- ✅ Placeholder component for Gmail authentication flow (OAuth2)
- 🔄 Gmail OAuth2 integration using Google APIs
- 📥 Fetching inbox and parsing messages via Gmail REST API
- 📤 Sending replies directly from the dashboard
- 🔁 Smart thread-based conversation mapping (like chat apps)
- Admin clicks "Login with Gmail"
- Redirect to Google OAuth2 consent screen
- On success, access token is stored securely
- Token used to interact with Gmail API (read/send)
Create a smooth, chat-like email experience where the admin never needs to leave the dashboard to manage conversations.
🚧 This feature is under active development and will be rolled out in upcoming releases. Stay tuned!