Harcama Takip Uygulaması

Hazırlayan: Fatma Nur Akın / 22430070002

Projede React kullanarak tek sayfalı uygulama (SPA) yöntemi ile harcama takip uygulaması geliştireceğim.

Projem Reacr tabanlı bir "Harcama Takip Uygulaması". Geliştireceğim bu uygulamanın amacı aylık gelirin ve giderlerin tarihleriyle birlikte bir arada yazılarak liste şeklinde olması ve toplam miktarın net bir şekilde görülmesidir.

Projeye başlamadan önce node.js indirerek React kurulumunu ve projemin adını içeren klasörü (my-app) oluşturdum. VSC de klasörümü (my-app) açarak src klasörü içinde "app.js" ," index.js" , "index.css" dosyalarını kurdum.

src klasörü içerisinde "components" adlı ikinci bir klasör oluşturdum ve içine "header.js" , "Incomeform.js" adlı dosyaları kurdum.

Projemin ana kodları "IncomeForm.js" dosyasında bulunuyor.

Uygulamanın ana kodları  "app.js" dosyasında bulunuyor.

Uygulamanın stilini  "index.css" dosyasında düzenledim.

"Header.js" dosyasında uygulamanın ismini ve listeyi değiştirmek için bileşenler mevcut.