February 2024
Welcome to CreditQuest, a web product that encourages the user to reflect on their current financial literacy about credit card basics. Users will interact with a game app that will present common financial concepts/situations among college students and learn the financial effects of these choices.
The game is developed using React, JavaScript, HTML, and CSS.
CreditQuest is a fun and educational credit card simulator game made to help players gain credit responsibly. It provides insights into common scenarios and decisions associated with credit card usage.
- Engaging questions and scenarios
- Realistic decision-making process
- Instant feedback on your choices
- Learn credit card best practices
Caption: Screenshot of the Home Screen when starting CreditQuest.
Caption: Screenshot of the Game Screen during a simulation session in CreditQuest.
- Clone the repository to your local machine.
git clone https://github.com/nvm6/credit-card-simulator.git
- Navigate to the project directory.
cd CreditQuest
- Install dependencies.
npm install
- Start the application.
npm start
- Open your browser and go to http://localhost:3000 to play CreditQuest.
We conducted preliminary research by engaging with bank representatives and college students to identify key areas of interest within financial literacy. The insights gathered highlighted a significant demand for knowledge on credit cards, motivating the development of CreditQuest.
CreditQuest was built using the following technologies:
- React: Front-end library for building user interfaces.
- JavaScript: Programming language for dynamic behavior.
- HTML: Markup language for structuring the content.
- CSS: Styling language for layout and design.
The technology stack was carefully selected to ensure a seamless user experience and efficient functionality.
- Naga Maddipudi (Lead Developer & Project Brainstorming)
- Carol Aguilar Torres (Research Manager & Project Brainstorming)
- Ugochukwu Alozie (Presentation Manager)
- Adrian Quiroz (Tech Help & Project Brainstorming)
CreditQuest achieved a commendable 2nd place in the SparkHacks 2024 hackathon, reflecting the successful execution and impact of our project in promoting financial literacy.
This README file provides an overview of CreditQuest, its features, development process, and instructions for running the application locally. For more details or to contribute to the project, please refer to the project repository on GitHub.
Have fun playing CreditQuest and enhancing your financial literacy! If you have any questions or feedback, feel free to reach out.