Konu
React, Redux ve TypeScript ile Harcama Takip Uygulaması (baştan sonra videolu anlatım)
08-08-2021, 14:06:32
#1
samet_M
Merhaba arkadaşlar. YouTube kanalımda baştan sonra React, Redux, ve TypeScript kullanarak bir Harcama Takip Uygulaması geliştirdim. Uygulamada kullanıcılar kayıt olabiliyor, giriş yapabiliyor, kendi harcama kategorilerini oluşturabiliyor ve harcama kayıtlarını tutabiliyor.
Şu ana kadar kanalımda yaptığım en kapsamlı proje bu. React, Redux, ve TypeScript birlikte nasıl kullanılır diye birçok kişi soruyordu. Ayrıca projenin backend kısmı da bana ait. İsterseniz GitHub'dan hem frontend hem de backend kodlarına erişebilirsiniz.
Backend Repo:
https://github.com/reactdersleri/expense_tracker_be
Frontend Repo:
https://github.com/reactdersleri/expense_tracker_fe
API Dökümantasyonu:
https://documenter.getpostman.com/vi...47698/TzRPiote
Videolara playlist linkine tıklayarak ulaşabilirsiniz.
Playlist:
https://www.youtube.com/watch?v=TQ_e...JWoEoc9G2_eXTJ
Tek tek video listesi:
1. Tanıtım - React İle Harcama Takip Uygulaması
2. Redux Kurulum - React ile Harcama Takip Uygulaması
3. Kayıt Sayfası - React ile Harcama Takip Uygulaması
4. Giriş Sayfası - React ile Harcama Takip Uygulaması
5. Giriş Sayfası ile Redux Bağlantısı - React ile Harcama Takip Uygulaması
6. PrivateRoute Bileşeni - React ile Harcama Takip Uygulaması
7. Kategori Ekleme - React ile Harcama Takip Uygulaması
8. Kategori Düzenleme ve Silme - React ile Harcama Takip Uygulaması
9. Harcama Kaydı Ekleme - React ile Harcama Takip Uygulaması
10. Harcama Kaydı Düzenleme ve Silme - React ile Harcama Takip Uygulaması
11. Navigasyon ve Logout - React ile Harcama Takip Uygulaması
12. Bug Fix ve Yayınlama (Deployment) - React ile Harcama Takip Uygulaması