Projenin Konsepti

Yeni bir kullanıcın eklendiği , kullanıcı bilgilerinin güncellendiği veya silindiği basit çapta bir userapp uygulaması oldu. Ayrıca güncelleme yaparkende verilerin aktarılaması dışında bir çok kütüphane kullanıldı.

Projede Kullanılan Teknolojiler ve Kütüphaneler

1. Proje genel hatları ile React.js kullanılarak yapılmıştır.
2. Arayüz güzelleştirilmesi için Bootstrapt 5kullanılımıştır.
3. Sayfalandırma yapısı oluşturmak için React-router-dom kütüphanesini kullandım.
4. Verilerin Kaydedilip ,silinip veya güncellenmesi için (fetch,delete,uptade)Json Placeholder kullanıldı.
5. Animasyonel işler yapabilmek için React-pose kütüphanesini kullandık. İçinde bir çok animasyon bulunduruyor.
6. Json Server da işlem yapabilmek için Axios kütüphanesini kullandık.

Kütüphaneleri Aktif etemk için

1. npm install react-router-dom // Sayfasal yapıyı kullanmak için indirilmeli
2. npm install -g json-server //Verileri tutmak için Json Server
3. npm install react-pose --save //Animasyonel işler yapmak için
4. npm install axios // axios kütüphanesini indirdik. json servera get post delete gibi işlemleri yapmak için kullandık.

Projenin Çalıştırılması

1. json-server --watch reactapp/api/db.json 3000 // En yukardaki apimizin içerisinden verileri 3000.Portda çalıştırıyoruz.
2. npm run start // cmd ekranına yazarak projemiz kendisi otomatik açılıyor.

Kullanılan bazı terimler Ve kazanımlar

1. JSX format , props-drilling
2. Virtual Dom
3. States and Setstate Function
4. Props and prop-types
5. Context API (Provider,Consumer)
6. Json Server (Fake API ,db.json) And Postman
7. Axios library (put,delete,post,get)
8. Action ,Reducer ,payload
9. Dispatch and bind
10. React-pose npm for animation
11. React-events
12. React-router-dom npm library (Router,Switch,Route,Link)
13. Map Function
14. react-function-component(rfc) ,react-default-component(rcc)
15. Life Cycle (Component did mounting,uptading,Unmounting)
16. Params and validations
17. Github add , push ,delete ,commit method (github added),GitBash
18. Use vs code ide