Ahorra Mas is a financial literacy AI chatbot based on the principles from the book I Will Teach You to Be Rich By Ramit Sethi. It helps you figure out what to do with your first paycheck, setting you up for future financial success.
https://www.loom.com/share/f5482f09e1844c9e80511b3decac6f3f?sid=acaed24e-6a5e-4bb9-9766-a50d7ee093db
https://colab.research.google.com/drive/1NVx_AClKqeU1-UolR1IP2niaUznzhpZc?usp=sharing
https://www.figma.com/board/tx5xk9vayeS771NDfx3i2h/ai-chatbot-plan?node-id=0-1&t=uxZO9BNzkW1PoGe6-1
-
Frontend Framework:
- Next.js was chosen for its powerful features such as server-side rendering, static site generation, and seamless API routes integration, which are essential for building a fast and efficient user interface.
-
AI Integration:
- OpenAI API: Powers the AI chatbot with intelligent, conversational interactions on financial literacy and creates embeddings for text data.
- Pinecone: Stores and retrieves these embeddings for efficient and relevant query matching.
- Langchain: Extracts text from PDFs and facilitates the retrieval-augmented generation (RAG) process.
-
Server Hosting: Amazon EC2
- The app is deployed on Amazon’s EC2 servers, ensuring scalability and reliability for handling user traffic and API requests.
-
Web Server: Caddy
- Caddy is used as the web server due to its simplicity, automatic HTTPS provisioning, and robust performance. It’s configured to serve the Next.js application efficiently.
-
Domain Management:
- Subdomain: The app is hosted on a custom subdomain (
ahorramas.daianabilbao.xyz
) which is managed via Cloudflare. Cloudflare provides DNS management, along with enhanced security and performance features, including DDoS protection and caching.
- Subdomain: The app is hosted on a custom subdomain (
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.