CreditQuest - Credit Card Simulator Game

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.

Table of Contents


Introduction

What is CreditQuest?

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.

Features

  • Engaging questions and scenarios
  • Realistic decision-making process
  • Instant feedback on your choices
  • Learn credit card best practices

Visuals

Home Screen

alt text

Caption: Screenshot of the Home Screen when starting CreditQuest.

Game Screen

alt text

Caption: Screenshot of the Game Screen during a simulation session in CreditQuest.


Getting Started

Installation

  1. Clone the repository to your local machine.
    git clone https://github.com/nvm6/credit-card-simulator.git
  2. Navigate to the project directory.
     cd CreditQuest
  3. Install dependencies.
     npm install
  4. Start the application.
     npm start
  5. Open your browser and go to http://localhost:3000 to play CreditQuest.

Development Process

Research and Planning

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.

Technology Stack

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.

Technical Information

Authors

  • Naga Maddipudi (Lead Developer & Project Brainstorming)
  • Carol Aguilar Torres (Research Manager & Project Brainstorming)
  • Ugochukwu Alozie (Presentation Manager)
  • Adrian Quiroz (Tech Help & Project Brainstorming)

Acknowledgments

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.