Expensify v2 — Full‑Stack Expense Tracker
Full‑stack DeveloperAugust 2025 - November 2025
Expensify v2 — Full‑Stack Expense Tracker:Full‑stack expense tracker built with React (frontend) and Node.js (backend). Features Google OAuth authentication, real‑time expense syncing, and interactive charts for spending analytics. User authentication with Google OAuth for secure sign-in and account management. Full CRUD for expenses: add, edit, delete, categorize, and search/filter transactions. Real‑time synchronization of expenses across clients so updates appear instantly. Interactive analytics dashboard with charts to visualize spending by category and over time. Responsive, accessible UI built with React and modular CSS; production-ready build and start scripts in package.json. Backend API in Node.js to persist user data and handle authentication flows (see repository for exact endpoints and DB integration).
Services:
ReactNode.jsExpressNextAuthReal-time (Socket.IO)CSSDatabase
Challenges:
Designing a secure OAuth flow and ensuring real‑time updates remained consistent across multiple clients while keeping the app performant and the UI responsive on different devices.
What I learned:
- How to integrate Google OAuth into a full‑stack application and securely manage tokens/sessions.
- Techniques for real‑time data syncing and conflict handling between clients and server.
- Building interactive, performant data visualizations in React.
- Structuring a full‑stack project for maintainability and clear separation of concerns between client and server.
- Deploying a full‑stack app and configuring environment variables and build scripts for production.
