{"id":23407062,"url":"https://github.com/sabriyenohutlu/food-order-react","last_synced_at":"2025-04-09T00:07:47.852Z","repository":{"id":53299637,"uuid":"521018141","full_name":"sabriyenohutlu/food-order-React","owner":"sabriyenohutlu","description":"https://food-orderreact.netlify.app/","archived":false,"fork":false,"pushed_at":"2023-03-07T15:07:22.000Z","size":10042,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T18:49:31.234Z","etag":null,"topics":["context-api","css-grid","javascript","module-css","react","react-hooks","react-router-dom"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sabriyenohutlu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-03T20:10:31.000Z","updated_at":"2023-03-01T10:15:18.000Z","dependencies_parsed_at":"2024-07-21T22:11:58.552Z","dependency_job_id":null,"html_url":"https://github.com/sabriyenohutlu/food-order-React","commit_stats":null,"previous_names":["sabriyenohutlu/food-order-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sabriyenohutlu%2Ffood-order-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sabriyenohutlu%2Ffood-order-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sabriyenohutlu%2Ffood-order-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sabriyenohutlu%2Ffood-order-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sabriyenohutlu","download_url":"https://codeload.github.com/sabriyenohutlu/food-order-React/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247947859,"owners_count":21023066,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["context-api","css-grid","javascript","module-css","react","react-hooks","react-router-dom"],"created_at":"2024-12-22T14:17:10.692Z","updated_at":"2025-04-09T00:07:47.837Z","avatar_url":"https://github.com/sabriyenohutlu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Food Order React Project - React İle Oluşturduğum Yemek Sipariş Projem\n\n## Proje Özeti\n  _Kodluyoruz_ _Front-End_ _bootcamp_ _bitirme_ _projesidir_\n  \n Projeyi oluştururken iki branchta çalıştım.İlk olarak develop branchında geliştirme yaptım ardından main branchında son halini repoya ekledim. Branchlarda her değişiklik yaptığımda commit mesajı eklemeye özen gösterdim.  \n     Projemde sayfanın header kısmında bulunan navigation bar ile react-router-dom kütüphanesi aracılığıyla sayfalar arası gezinilebilir .Ürünler sayfasında data.json dosyasındaki verileri ilgili componentte map fonksiyonu ile componente ekledim ve css grid düzeninde görüntüledim.Her bir ürünü sepete ekle butonuna tıklayarak contextApi aracılığı ile diğer bir component olan BasketCard componentine aktarıp görüntülemiş oldum.Basketcard-context dosyasında sepete ekle ve sil fonksiyonlarını useReducer hookunu kullanarak yazdım.Bu sayede hooktaki typeı kontrol edilerek istenilen add veya remove fonksiyonu çalışmış oldu.\n     \n![Food Order](src/assets/photos/foodorder.png)\n![Food Order-Menu componenti](src/assets/photos/foodorder-foods.png)\n\n## Kütüphaneler\n+ React\n+ React-router-dom v6.3\n\n## State Yönetimi\n+ ContextAPI\n\n## Stil\n+ Module CSS\n\n### Projeyi oluştururken kullandığım kaynaklar\n+ React - The Complete Guide (incl Hooks, React Router, Redux)-Udemy Maximilian Schwarzmüller\n+ Academind Youtube Kanalı\n+ [React-router-dom](https://reactrouter.com/en/main)\n\n ### Demo\n https://food-orderreact.netlify.app/\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsabriyenohutlu%2Ffood-order-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsabriyenohutlu%2Ffood-order-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsabriyenohutlu%2Ffood-order-react/lists"}