02/02/2026
๐ฑ ๐
๐๐๐ซ๐ฎ๐๐ซ๐ฒ ๐๐๐๐ โ ๐๐จ๐ฏ๐ข๐๐๐ฏ ๐๐๐๐๐๐ฏ ๐๐๐ง๐ญ๐จ๐ซ๐ข๐ง๐ ๐๐ก๐๐ฅ๐ฅ๐๐ง๐ ๐
๐
๐๐๐๐ค ๐ ๐๐ก๐๐ฅ๐ฅ๐๐ง๐ ๐: ๐๐ฑ๐ฉ๐๐ง๐ฌ๐ ๐๐ซ๐๐๐ค๐๐ซ ๐๐๐ ๐๐ฉ๐ฉ
๐งฉ ๐๐ญ๐๐ญ๐๐ฆ๐๐ง๐ญ ๐จ๐ ๐ญ๐ก๐ ๐๐ซ๐จ๐๐ฅ๐๐ฆ
People often struggle to track their daily expenses. This challenge focuses on JavaScript logic, arrays, event handling, and basic calculations to build a functional expense tracker.
๐ญ ๐๐๐๐ง๐๐ซ๐ข๐จ (๐๐จ๐ฅ๐-๐๐ฅ๐๐ฒ)
You are a junior web developer asked to create a simple expense tracker for a college student who wants to monitor daily spending.
โ
๐๐๐ช๐ฎ๐ข๐ซ๐๐ฆ๐๐ง๐ญ๐ฌ
- User can:
- Add an expense (name + amount)
- See a list of all expenses
- See the total expenses
- Use JavaScript to:
- Store expenses in an array
- Dynamically update the DOM
- Calculate totals
- Bonus (optional):
- Delete an expense
- Save data using localStorage
๐ ๐๐ฎ๐๐ฆ๐ข๐ฌ๐ฌ๐ข๐จ๐ง ๐๐๐ช๐ฎ๐ข๐ซ๐๐ฆ๐๐ง๐ญ
- Upload project to GitHub
- Host using GitHub Pages
- Submit:
- GitHub repository link
- Live GitHub Pages link
๐
๐ซ๐๐๐
๐๐๐๐: ๐๐ฒ๐ฏ๐ฟ๐๐ฎ๐ฟ๐ ๐ณ, ๐ฎ๐ฌ๐ฎ๐ฒ
๐ ๐ฐ๐ด๐ท๐ถ๐น๐ป๐จ๐ต๐ป ๐ต๐ถ๐ป๐ฌ๐บ: Don't use AI to generate your code, use YouTube, W3Schools, and documentations as much as possible. But if you are stuck for more than 1 hour, you can use AI to fix it.
๐ฃ ๐จ๐ซ๐ฝ๐ฐ๐ช๐ฌ:
"๐ฟ๐ค ๐ฌ๐๐ฉ๐ ๐๐๐ฉ๐๐๐๐ฃ๐, ๐ฟ๐ค ๐ฌ๐๐๐ก๐ ๐๐ค๐ฉ๐๐ฃ๐, ๐ฟ๐ค ๐ฌ๐๐ฉ๐๐ค๐ช๐ฉ ๐๐ค๐ฉ๐๐๐ฃ๐!"
