{"id":20239294,"url":"https://github.com/musayar9/sayar-commerce","last_synced_at":"2026-04-08T18:07:26.965Z","repository":{"id":144709577,"uuid":"600541154","full_name":"musayar9/Sayar-Commerce","owner":"musayar9","description":"Sayar Commerce","archived":false,"fork":false,"pushed_at":"2026-01-13T22:02:37.000Z","size":1653,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-14T00:39:14.837Z","etag":null,"topics":["css","json","react-carousel","react-icons","reactjs","tailwindcss"],"latest_commit_sha":null,"homepage":"https://sayar-commerce.netlify.app/","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/musayar9.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":"2023-02-11T20:07:51.000Z","updated_at":"2026-01-13T22:04:31.000Z","dependencies_parsed_at":"2023-12-25T16:28:08.240Z","dependency_job_id":"b3762bae-f6ea-4de3-a7fa-26af0b62a895","html_url":"https://github.com/musayar9/Sayar-Commerce","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/musayar9/Sayar-Commerce","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/musayar9%2FSayar-Commerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/musayar9%2FSayar-Commerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/musayar9%2FSayar-Commerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/musayar9%2FSayar-Commerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/musayar9","download_url":"https://codeload.github.com/musayar9/Sayar-Commerce/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/musayar9%2FSayar-Commerce/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31567373,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["css","json","react-carousel","react-icons","reactjs","tailwindcss"],"created_at":"2024-11-14T08:38:24.608Z","updated_at":"2026-04-08T18:07:26.930Z","avatar_url":"https://github.com/musayar9.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sayar  Commerce\n\n\n\n![image-1](img/8.jpg)\n\n\n\nBu projemizde e-ticaret sitesi yaptık. Bu projede ürünleri sepete ekleme, ürünleri sepet den çıkarma, beğenilen ürünleri favorilere ekleme ve çıkarma gibi işlemler react.js kullanılarak yapıldı. Bu projede kendi Api'lerimizi oluşturarak  bu api'ler üzerinden  veri çekme  işlemlerini gerçekleştirdik. Bu projede state yönetimini  react'ın Context  yapısı üzerinden gerçekleştirdik. \n\nReact-Multi-Carousel kullanarak markalar ve favori ürünlerimizi carousel yapısı içerinde oluşturduk.\n\nProje tasarımını tailwindcss ile gerçekleştirdik. Proje bilgisayar, tablet ve mobile uygun olarak responsive tasarımını yaptık. \n\n## Sayfa Yapısı\n\nAşağıdaki resimde'de görüldüğü gibi kullanıcı konum başlığına tıkladığında açılan alandan kendi konum bilgisini girebilecek.\n\n![image-2](img/1.jpg)\n\n\n\nKullanıcı sepete eklediği ürünleri sepetim başlığı üzerine tıkladığında açılan alandan görebilecek.\n\n![image-3](img/2.jpg)\n\nKullanıcı beğendiği ürünleri'de favorilerim başlığına tıkladığında açılan alandan beğendiği ürünleri görebilecek.\n\n![image-4](img/3.jpg)\n\n\n\nMarkalar ve favori ürünler Carousel yapısı içinde kullanıcıya gösteriliyor.\n\n![image-5](img/6.jpg)\n\n![image-6](img/5.jpg)\n\nSayfanın en sonunda footer alanımız yer almaktadır.\n\n![image-7](img/7.jpg)\n\n\n\n### Proje içerisinde kullanılan Teknolojiler;\n\n1. React.js\n2. Tailwindcss\n\n### Proje içerisinde kullanılan npm paketleri\n\n1. react-multi-carousel\n2. react-slick\n3. react-toastifty\n4. react-icons\n5. tailwincss\n6. useWindowSize\n\n### Authors:\n\nMusa SAYAR\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmusayar9%2Fsayar-commerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmusayar9%2Fsayar-commerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmusayar9%2Fsayar-commerce/lists"}