Echo | Devpost

Inspiration

Our journey began with a spark of inspiration to empower individuals in their financial endeavors. Recognizing the significance of effective budget management, we embarked on a mission to create a user-friendly application that seamlessly integrates with users' lives, simplifying the complexities of financial tracking.

What it does

Echo is a budget management application developed using Next.js, Tailwind CSS, and MongoDB. The application begins with a seamless Google login on the homepage, ensuring a secure and efficient onboarding process. Once logged in, users are welcomed into an intuitive dashboard where they can effortlessly navigate through their budget categories.

Each budget category is categorized into expenses, income, or savings, offering a holistic view of the user's financial landscape. Clicking on a specific category unveils detailed insights, including a breakdown of individual transactions associated with that category.

How we built it

The development of Echo involved leveraging the power of Next.js for a robust frontend, Tailwind CSS for a sleek and responsive design, and MongoDB for efficient data storage. The integration of Google login using next-auth ensures a secure and hassle-free user authentication process, laying the foundation for a seamless user experience.

Challenges we ran into

Transitioning to TypeScript in Next.js posed a learning curve, especially as it was the first TypeScript project.

Accomplishments that we're proud of

Despite the challenges faced, we are proud to have successfully implemented a feature-rich budget management application.

What we learned

The project provided valuable insights into TypeScript usage within the Next.js framework. Overcoming challenges related to authentication and data management in MongoDB has equipped us with practical knowledge that will be invaluable in future projects.