CreditGuard

• 

  logo

Inspiration

Many cardholders do not use all the bonuses and benefits available to them due to complicated bank conditions. We wanted to simplify this process so that everyone could easily find the best financial options for themselves. By using AI and automation, we aimed to create a tool that helps users maximize the advantages of their credit cards effortlessly.

What it does

CreditGuard is a web application designed to help users quickly learn about all the benefits of their credit cards and compare them with competitor cards. Users enter the name of the bank, the name of their credit card, and a link to the card’s benefits page in a simple form. Once they click the “Submit” button, the data is sent to our REST API via a POST request. The API then analyzes the information, returns a simplified list of benefits for the entered card, and suggests alternative competitor cards that may offer even greater advantages.

How we built it

We built CreditGuard using a modern technology stack: •Frontend: React and JavaScript for an interactive and dynamic user interface. •Backend: Node.js and Express.js to handle API requests and data processing. •Firecrawl API: Used for analyzing and extracting relevant credit card benefits. •GitHub: Managed version control and collaboration. •Visual Studio Code: Our primary development environment.

Challenges we ran into

During development, we faced several challenges: •AI Integration: Ensuring accurate extraction and analysis of credit card benefits. •Data Analysis: Dealing with inconsistencies in how different banks present card benefits. •User Experience: Designing an intuitive interface that makes the interaction seamless and informative. •Deployment issues: Trouble designating connection ports for Azure and connecting resource groups together.

Accomplishments that we're proud of

•Successfully developed a fully functional prototype that automates benefit extraction. •Integrated an AI-driven comparison system to suggest better credit card options. •Created a clean and intuitive UI for a seamless user experience. •Optimized API performance for fast and efficient data processing through prompting and schema building. •Integrated a MySQL database and utilized a MySQL2 to write queries that store and retrieve credit card benefits. •Deployed our service onto Azure for potential scalability and fast execution.

What we learned

•How to work with APIs to fetch and process financial information. •The challenges of information processing in fintech and how to overcome them. •Improved our skills in AI integration for analyzing structured and unstructured data. •Gained experience in UX/UI design to create an engaging and informative user journey. •Working around HTTPS/HTTP domains and configuring CORS mechanisms. •Deploying a MySQL Database and Back end Server onto Azure.

What's next for CreditGaurd

CreditGuard makes financial information accessible, helping users find the best conditions for themselves. We continue to develop the project and strive to make it even more useful! The next is: •Improve AI accuracy to enhance benefit analysis and recommendations. •Develop a mobile application for even easier access. •Implement personalized recommendations to help users find the most suitable credit cards for their needs. •Allow comparison across multiple banks and their potential cards that are offered. •Implement a live security feature that informs users about specific attacks to a card.

Built With

• azure
• cloud
• cloudflare
• css
• express.js
• firecrawl
• git
• hmtl
• llm
• mysql
• node.js
• react.js
• restapi