NoSpendy

Inspiration 💡

NoSpendy is a web app designed to make personal finance management engaging, easy, and, accessible for the younger generation. Inspired by TikToks where friends compare how much each person spent, we thought:
Why not gamify saving?
The younger generation lacks financial literacy, so making budgeting fun and engaging felt like the perfect solution.

What it does 💰

NoSpendy empowers users to set budget challenges, track their expenses, and visualize their spending habits. The web app:
✔️ Lets users set budget challenges to stay on track financially.
✔️ Tracks expenses to show where they spend the most money.
✔️ Includes a streak feature to incentivize consistent financial tracking.
✔️ Has a leaderboard so users can compete to see who budgets and saves the best.
✔️ Allows users to challenge friends to budget together and stay accountable.
✔️ Keeps all expenses in one place instead of across multiple bank accounts or cards.

How we built it 🛠

Front-End: React, Node.js.
Back-End: MongoDB, Node.js
UI/UX Design: Figma, Adobe Express
Testing & API Development: Postman

Challenges we ran into 🚧

Token-Based Authentication – Ensuring secure user login with JWT authentication.
Leaderboard Calculations – Adjusting for different costs of living by state.
Real-Time Expense Tracking – Ensuring backend updates reflect dynamic user input.
UI/UX Implementation – Our first time using React, learning how to convert Figma designs into code.

Accomplishments that we're proud of 🎉

Successfully implementing token-based authentication for secure user sessions.
Testing our API with Postman and debugging issues efficiently.
Overcoming logistical challenges to recreate Figma designs in code.
Live retrieving data form the database to update the Leaderboard

What we learned 🧠

React for front-end development and integrating it with MongoDB.
Token-Based Authentication.

What's next for NoSpendy 🚀

Tip Hotline – A chatbot/API to answer financial literacy questions and offer saving tips.
Automated Expense Tracking – Linking to bank APIs or digital wallets so users don’t need to manually enter expenses.
AI-Powered Financial Insights – Generating personalized financial advice based on user spending activity.
Expenses as a % of disposable income - Allow users to import/sync their financial information, and return key financial information including disposable income, recommended budget ratio and provide alternate challenges based on percentage of disposable income.

Built With

• adobe
• figma
• javascript
• mongodb
• node.js
• postman
• react