InvestPlanner

เจ้าของผลงานเล่าไว้แบบนี้

Practice Project frontend, invest, planner https://investplanner.vercel.app # InvestPlanner - Frontend [English](#english) | [ภาษาไทย](#ภาษาไทย) --- ## English Invest Planner is a web application for managing investment portfolios and tracking stock prices. This project was built to practice building modern web applications, focusing on React 19, state management, and API integration. 🔗 **Backend Repository:** [https://github.com/treetasetp42/3TaC8-PlanningPort](https://github.com/treetasetp42/3TaC8-PlanningPort) ### Tech Stack - **Framework:** React 19 + Vite - **State Management:** Redux Toolkit - **UI & Styling:** Material-UI (MUI) v7 - **Routing:** React Router v7 - **HTTP Client:** Axios (with automatic token refresh interceptors) - **Authentication:** JWT & Google OAuth (`@react-oauth/google`) - **Internationalization:** i18next ### Key Features - **AI Chatbot Assistant:** Powered by Google Gemini 2.5 Flash. Delivers polite, context-aware, female-toned Thai help to guide users based on their active page path. - **Persistent FAQ Helper:** Smart interactive chips suggesting offline common FAQs. Selected questions filter out dynamically while remaining choices stay visible under bot responses. - **Interactive SVG Performance Charting:** Real-time chronological net worth curves that dynamically scale when transactions (like massive cash deposits) occur. - **Dual Visual Theme Styles:** On-the-fly toggling between classic modern layouts and bold retro-minimalist (Neo-Brutalist) card-shadow aesthetics. - **Login System:** Traditional username/

โดย treetasetp42 · ดูโพสต์ต้นทาง