Projenin Konsepti

Türk usulü yemeklerin gösterildiği yeni yemeklerin eklendiği , silindiği veya güncellendiği bir menü.

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