Finance-Kaiju
Visit SiteA dynamic web app designed to empower users with financial goal-setting and real-time expense tracking, complemented by an engaging AI chatbot.
Type: Finance Tracker Web App
Web Stack & Explanation
I built Finance-Kaiju with Next.js, taking advantage of features like server-side rendering and static site generation to create a fast and reliable platform. I used Node.js and Prisma for the backend, which connects smoothly to my PostgreSQL database. The design is clean and modern, thanks to TailwindCSS.
I integrated Langchain to power the AI chatbot, making it smart and helpful. For logging in, I set up NextAuth to keep user accounts secure. I chose Vercel for hosting because it's fast and reliable.
Features
- Real-Time Update on Finance & Goal Records
- AI Chatbot to talk about a variety of topics
- Custom Sign-In & Sign-Up with NextAuth
- Prisma ORM & PostgreSQL Database Integration
- Real-Time Data Update with Tanstack React Query
Project Purpose and Goal
Finance-Kaiju was my first major project post-learning. It served as a practical testbed for applying my accumulated knowledge. The development process was intense and enlightening, teaching me far beyond what courses could. 🚀
In 3 weeks, I tackled database integration with Prisma 🗃️, implemented custom authentication with NextAuth 🔐, set up API endpoints 🌐, and working with new libraries, frameworks, and tools 🛠️.
This project was also my introduction to Tanstack React Query 📊 and Langchain 🤖 for chatbot creation. While my TypeScript use was still developing, this experience significantly sharpened my skills. ✨
