EzFin Web Application

Overview

EzFin is a web application designed to teach users about finance in a fun way. Content includes personal finance, savings, investing, corporate finance, insurance, and economics. The app provides an interactive learning experience with quizzes, lessons, and some analytics (recommendations and performance tracking).

Files and Folders

• index.html: The landing page of the ezFin web application. Here, users can sign up or log in.
• dashboard.html: The main dashboard where users can see their lessons, progress, and stats (essentially the home page).
• IntroQuiz.html: The introductory quiz page that assesses the user's financial literacy and makes recommendations as to what to learn.
• styles.css: The main CSS file containing styles for all pages.
• scripts.js: The main JavaScript file containing all the functionalities and interactions.
• EzFin Images/: Directory containing all images and GIFs used in the application.
• backup: folder containing a backup copy of the .html, .css, and .js files.

How to Run

1. Clone the Repository: Clone this repository to your local machine using git clone <repository_url>.
2. Open in Browser: Open index.html in your preferred web browser to start using the application.

Features

Landing Page (index.html)

• Displays the EzFin logo and slogan.
• Provides options to sign up or log in.
• Contains an aesthetically pleasing design to attract users and set a friendly and calm tone.

Dashboard (dashboard.html)

• (Top left) Dropdown menu to select different branches (Personal Finance, Savings & Investing, The Economy).
• (Top Right) Displays user stats including XP, lives, and user icon.
• (Center Left) Lesson path showing different lessons (Intro Quiz, Basics, Quiz, Recap, Practice, Test).
• (Center Right) Track record section with a graphical representation of progress.

Introductory Quiz (IntroQuiz.html)

• A series of questions assessing the user's financial literacy. Some of these questions are based on the FINRA financial literacy quiz.
• Dynamically loads questions and options.
• Allow user to submit their answer and display which is the correct answer.
• A progress bar which indicates to the user their progress until the lesosn or quiz is finished.
• Displays results with appropriate GIF based on the score.
• A recommendation to the user on what they should learn more about, as well as a summary of the things that they did well.

License

This project is licensed under the CC BY-NC 4.0 License.

Contact

For any questions or feedback, please contact Francho Garcia Takis at [email protected]