Velora

Modern personal finance dashboard focused on budgeting, spending analytics and editable transaction categories.

Velora

Live Demo

https://tu-url-vercel.vercel.app

Create any account and load demo data directly inside the app.

---

Features

• Monthly budgeting
• Editable spending categories
• Transaction calendar
• Spending analytics
• Demo mode with seeded data
• PostgreSQL persistence
• Responsive minimal UI

---

Stack

• React + Vite
• Node.js + Express
• PostgreSQL
• Render
• Vercel

---

Local Development

Backend

cd server
npm install
npm run dev

Frontend

cd client
npm install
npm run dev

Frontend runs on:

http://localhost:5173

Backend runs on:

http://localhost:3001

---

Environment Variables

Example PostgreSQL connection:

DATABASE_URL=postgresql://postgres:TUPASSWORD@localhost:5432/velora

Create .env files inside:

• /server
• /client

---

Screenshots

---

Demo Video

https://user-images.githubusercontent.com/xxxxx/demo.mp4

---

Notes

Bank integrations were prototyped using the TrueLayer sandbox environment.