Header Image

DashCashApp

Manage better your finance!

NextJSTypescriptZodShadcnUINeon - Data-baseClerkGoogle cloudDrizzle ORMOpenAI API
/project-dash-cash.png
DashCashApp: Dashboard

Introduction

This project began as a learning exercise from a Udemy course helping me organize my financials.

/project-dash-cash-form.png
DashCashApp: Form for financials

Requirements

Features include tracking future incomes and expenses, and a table to display paid and unpaid transactions separately, with automatic updates to financial charts.

Objective

The aim of the project is to provide users with a tool to manage their finances more efficiently by tracking incomes and expenses, including unpaid transactions.

Technologies

type Technologies = {
      NextJs: "framework",
      TypeScript: "for type safety",
      Neon: "database",
      Clerk: "authentication",
      Drizzle ORM: "data handling",
      ShadcnUI: "user interface",
      Zod: "validation",
    };

Challenges

The biggest challenge was modifying the database schema to create new cells and managing live data updates, especially since the project was already in production.

/project-dash-cash-login.png
DashCashApp: login page

Conclusion

Starting as a learning project, it greatly improved my skills and better suited my needs. I learned important lessons in state management, complex UI updates, and designing user-friendly interfaces. I hope it also helps others organize their finances more efficiently.