classbridge

• 

  Splash Screen

• 

  Login screen Figma Prototype

• 

  Courses page Figma Prototype

• 

  Homework List Figma Prototype

• 

  Reminders Figma Prototype

Welcome to ClassBridge, a phone app whose main focus is to bring financial literacy to people from low-income backgrounds who may lack access to proper education and opportunities. This product is designed for everyone, including both children and adults, so they can learn together.

This project was born from our commitment to helping individuals from low-income backgrounds or those who have not had access to formal financial education. As children of immigrants, we have personally experienced the challenges and limitations that arise from a lack of financial knowledge. These struggles motivated us to create an accessible and easy-to-use app that empowers users to educate themselves about finances, regardless of their background or prior experience. Beyond individual learning, the app also promotes family connection, providing a unique opportunity for parents and children to bond as they learn valuable financial skills together. Our goal is to make financial literacy achievable for all, helping people take control of their financial future while building stronger family relationships.

Features

Courses

Users have the opportunity to explore a wide range of courses designed to enhance their current skill set while introducing them to new concepts and techniques. Each course is structured to cater to different learning styles. Whether users are looking to advance in a specific subject or explore something new, the course library offers resources for all levels of learning.

Homeworks

In this section, users can view a comprehensive list of their assigned homework, each categorized with details such as due dates, and priority levels. The homework dashboard is designed to provide clarity and organization, helping users keep track of their academic responsibilities.

Grades

Users can access their performance reports through the Grades section, where they can review detailed breakdowns of their scores for each completed assignment, quiz, and exam. This section allows students to stay up-to-date on their academic progress and see how they are doing in each course.

Reminders

The reminders section provides a convenient overview of the most pressing assignments and tasks. Users can quickly glance at their upcoming deadlines and high-priority homework to stay on top of their schedule.

Support for multiple languages

We introduced a feature to give users the option to switch between their main languages, for the moment only english and spanish are inplemented.

Technologies

Front-End

We utilized technologies such as React Native, typescript, and Tailwind CSS, we use Figma for the design of the user interface as well as the use experience, all of this with the goal of having a product that everyone can access with ease.

Back-End

For the backend with mainly used Firebase cloud, store datab base, as well as firebase functions. Also, we have made it so it it serverless which contributes to the cost efficiency of the project when trying to escalate it to the next level.

Built With

• figma
• firebase
• react-native
• tailwindcss
• typescript