توسعه یک Expense Tracker (رهگیری هزینه‌ها) با HTML/CSS و JavaScript
یک ماه پیش منتشر شده
تعداد بازدید: 93
کد پروژه: 571560
شرح پروژه
شرح کلی پروژه:
یک اپلیکیشن تک‌صفحه‌ای (SPA) ساده که به کاربران اجازه می‌دهد هزینه‌ها و درآمدهای روزانه‌شان را وارد، ویرایش، حذف و دسته‌بندی کنند. همهٔ داده‌ها در localStorage مرورگر ذخیره می‌شوند؛ بنابراین نیازی به بک‌اند یا پایگاه‌داده ندارید.
---
🎯 امکانات اصلی
1. افزودن تراکنش
عنوان (مثلاً “خرید ناهار”)
مقدار (مثبت برای درآمد، منفی برای هزینه)
دسته‌بندی (خوراک، حمل‌ونقل، سرگرمی، و غیره)
تاریخ (پیش‌فرض امروز)
2. لیست تراکنش‌ها
نمایش تمام تراکنش‌ها با جزئیات
ویرایش و حذف هر تراکنش
3. خلاصهٔ مالی
نمایش جمع کل درآمد، جمع کل هزینه و مانده نهایی
نمودار سادهٔ دایره‌ای یا میله‌ای (اختیاری) با استفاده از یک کتابخانه سبک مثل Chart.js
4. فیلتر و جستجو
فیلتر تراکنش‌ها بر اساس دسته
جستجو بر اساس عنوان
5. حالت تاریک/روشن (Dark/Light Mode)
با یک دکمه سوییچ در بالای صفحه
6. ذخیره‌سازی در localStorage
بارگذاری تراکنش‌ها هنگام لود صفحه
بروزرسانی خودکار localStorage با هر تغییر
---
📂 ساختار تحویل
فایل‌های index.html, styles.css, app.js
README.md شامل:
1. روش راه‌اندازی (خیلی ساده: باز کردن index.html)
2. شرح معماری (چرا localStorage؟ چطور DOM را به‌روز می‌کنیم؟)
3. لیست امکانات و راهنمای استفاده
---
🛠️ فنّاوری‌ها و پیش‌نیازها
HTML5 برای ساختار صفحه
CSS3 (Flexbox/Grid، متغیرهای CSS برای تم)
JavaScript (ES6+)
localStorage API
فریلنسر های عزیز اطلاعات موردنیاز و هرچی که لازم باشه بعد از تأیید فریلنسر و در چت ارسال میشه اگه کیفیت کار عالی باشه حداکثر بودجه پرداخت میشه
با تشکر از پارس کدرز
مهارت ها و تخصص های مورد نیاز
مبلغ پروژه
50,000 تومان
مهلت برای انجام
3روز
وضعیت مناقصه
انجام شده
درباره کارفرما
عضویت یک ماه پیش
