Fint: When Finance Meets Fun
Tags: rebase01, gdsciiitkalyani, teamdeadlock, finance
Published: 2024-04-20 18:09:45


## Project_Name:- **_Fint_**

## Team Details

- Ishaan Karmakar - [ISHAAN-KKR](https://devfolio.co/@ishu_comder26)
- Subham Banerjee - [subby575](https://devfolio.co/@Subby575)

## Description of Project

Fint is a gamified _**financial**_ education platform designed to make learning about the _stock market_, _fixed deposits_, _mutual funds_, and other financial instruments entertaining and engaging. Users can embark on **real-life-based challenges**, learning valuable financial skills while having fun along the way.

![Home Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ivpjh5v5gymgaandjkvc.jpeg)

![Learning Path](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/txcz771nb87tt55kyvxu.jpeg)

![comic challenge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vgaa26zcjsum87dr2v5a.jpeg)

![scenario gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0d782v4zrlj9otilcchz.gif)
![Leaderboard gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2eaassrtnvhqfopvf51a.gif)

## Submission Track:

- Open Innovation
- Sustainability


## Overview of My Submission

Our submission for the Dev.to hackathon is _**Fint**_ a platform that combines _financial education_ with _gamification_. Users can explore various aspects of personal finance through _interactive challenges_, _quizzes_, and _simulations_. We built the platform with the aim of making **financial literacy** accessible and enjoyable for users of all ages.

![Code of our Learning Path](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3a0rohi1mby0fwsj8gvp.png)

## Tech Stack

- Frontend: Next.js
- Backend: Node.js and Next.js
- Database: MongoDB
- Authentication: Firebase Authentication
- Hosting: Vercel

> We chose Next.js for the frontend due to its component-based architecture and ease of use in building interactive user interfaces. For the backend, we opted for Node.js and Next.js for their simplicity and scalability. MongoDB was selected as our database solution for its flexibility and compatibility with Node.js. Firebase Authentication helped us implement secure user authentication quickly, while Vercel provided seamless deployment and hosting.
 

---

## Few Code Snippets:
```
  const signInWithGoogle = async () => {
    const auth = getAuth(app);
    const provider = new GoogleAuthProvider();
    try {
      await signInWithPopup(auth, provider);
      router.push(`/Path/${user.displayName}`);
    } catch (error) {
      console.error("error signing in with google: ", error.message);
    }
```

> 

```
const { default: mongoose } = require("mongoose");


const usersModel= new mongoose.Schema({ 
    score:int,
    userName:String
});

export const usersSchema= mongoose.models.users
|| mongoose.model("users",usersModel);
```

---

## Challenges We Faced

One of the main challenges we faced during development was integrating real-time stock market data into our platform. We overcame this challenge by leveraging third-party APIs and implementing caching mechanisms to ensure smooth performance and minimize API calls.

Another challenge was designing an intuitive user interface that balanced educational content with gamified elements. We wanted our website to be more of Gamified than just theory-theory stuff so users don't get bored. We conducted extensive user testing and iteratively refined the interface based on feedback to create a seamless user experience.

## Public Code Repo

[GitHub Repo](https://github.com/Subby575/Fint_rebase)

## Our Websites Link

[_**fint**_](https://fint-rebase.vercel.app/)

## Demo Link

[Demo Video](https://youtu.be/IZW3RQK0EAk?si=peCIbWBWUG77qi2B)

## Additional Resources / Info

For best use of our website use your Laptop or Desktop on Dark mode!
Stay tuned for updates and additional features coming soon to Fint: When Finance Meets Fun!