Ai-auth-app

• 

  login / register

• 

  register and login

• 

  Expense tracking page showing categorized spending and delete functionality.

Bonus Blog Post

Building the AI Budget Tracker was a challenging yet rewarding experience. One of the main goals of this project was to combine secure authentication with meaningful financial insights powered by AI. During development, integrating Auth0 was one of the most critical steps. Ensuring that users could securely log in and access their personal expense data required proper configuration of tokens, audience, and protected API routes. Debugging token-related issues, especially when deploying to platforms like Vercel and Render, was a key learning experience. Another challenge was connecting the frontend and backend across different environments. Handling CORS, environment variables, and API URLs required careful setup to ensure everything worked seamlessly in production. The AI feature was implemented using the OpenAI API to analyze user spending patterns. Designing prompts that generate simple and useful financial advice required experimentation and iteration.

Overall, this project helped deepen my understanding of full-stack development, authentication systems, and integrating AI into real-world applications.

Built With

• api
• auth0
• express.js
• javascript
• node.js
• openai
• react