https://github.com/pulaak98/expense-tracker-demo

Small Expense Tracker app built with React & Vite — first project learning state, props, conditional rendering & dynamic lists.
https://github.com/pulaak98/expense-tracker-demo

conditional-rendering dynamiclist eventhandling lifting-state-up props-and-state-components react state-management vite

Last synced: 5 months ago
JSON representation

Small Expense Tracker app built with React & Vite — first project learning state, props, conditional rendering & dynamic lists.

• Host: GitHub
• URL: https://github.com/pulaak98/expense-tracker-demo
• Owner: Pulaak98
• Created: 2025-07-10T03:30:20.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-07-10T04:00:45.000Z (6 months ago)
• Last Synced: 2025-07-10T13:08:18.152Z (6 months ago)
• Topics: conditional-rendering, dynamiclist, eventhandling, lifting-state-up, props-and-state-components, react, state-management, vite
• Language: JavaScript
• Homepage: https://expense-tracker-demo-one.vercel.app
• Size: 132 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 💰 React Expense Tracker (Demo)

A small demo app built as part of my React learning journey (started July 2025).

✅ **Features:**

- Add new expense items with title, amount, and date

- Dynamically render list of expenses

- Conditional rendering for empty states / messages

- Two-way binding for form inputs

- Lifting state up to share data between components

- Clear component structure & reusability

⚙ **Built with:**

- Vite (React)

- React (functional components)

- JSX

- useState hook

- Conditional rendering (ternary / logical AND)

- Rendering lists with `.map()`

- Basic CSS styling

🚀 **Live demo:**  

👉 https://expense-tracker-demo-6ggbml9ao-pulaak98s-projects.vercel.app/

📸 **Screenshot:**  

![Expense Tracker Screenshot](screenshot.png)

🎬 **Video demo:**  

[Watch on YouTube](https://youtu.be/3FY0hXWFftA)

🛠 **How to run locally:**

```bash

git clone https://github.com/yourusername/expense-tracker-demo.git

cd expense-tracker-demo

npm install

npm run dev    # to run locally

npm run build  # to build production version