{"id":14961217,"url":"https://github.com/pekkiriscim/bookmarks","last_synced_at":"2025-08-19T08:07:47.051Z","repository":{"id":156128640,"uuid":"632536818","full_name":"pekkiriscim/bookmarks","owner":"pekkiriscim","description":"Yer işaretlerinizi paylaşın, yeni içerikleri keşfedin ve daha önce hiç olmadığı kadar ilham dolu olun!","archived":false,"fork":false,"pushed_at":"2023-09-07T09:44:36.000Z","size":4076,"stargazers_count":60,"open_issues_count":3,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-05T06:27:04.110Z","etag":null,"topics":["bookmark","bookmarks","firebase","firebase-auth","firebase-realtime-database","framer-motion","javascript","react","tailwind","tailwindcss","vite","web","web-application","webapp"],"latest_commit_sha":null,"homepage":"https://boookmarks.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pekkiriscim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-04-25T15:58:47.000Z","updated_at":"2024-08-20T14:45:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"84d56bd5-bab5-4f17-a60e-c4d40699ea06","html_url":"https://github.com/pekkiriscim/bookmarks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pekkiriscim/bookmarks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pekkiriscim%2Fbookmarks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pekkiriscim%2Fbookmarks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pekkiriscim%2Fbookmarks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pekkiriscim%2Fbookmarks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pekkiriscim","download_url":"https://codeload.github.com/pekkiriscim/bookmarks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pekkiriscim%2Fbookmarks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271121168,"owners_count":24702723,"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","status":"online","status_checked_at":"2025-08-19T02:00:09.176Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["bookmark","bookmarks","firebase","firebase-auth","firebase-realtime-database","framer-motion","javascript","react","tailwind","tailwindcss","vite","web","web-application","webapp"],"created_at":"2024-09-24T13:24:12.898Z","updated_at":"2025-08-19T08:07:47.043Z","avatar_url":"https://github.com/pekkiriscim.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bookmarks\n\nBookmarks, yer işaretlerinizi paylaşmanızı kolaylaştırırken aynı zamanda yeni içerikleri keşfetmenize olanak tanıyan bir projedir.\n\n\u003cimg src=\"thumbnail.png\" alt=\"Bookmarks\" width=\"100%\"\u003e\n\n## Özellikler\n\n- Firebase Authentication ile kullanıcılar e-posta ve şifre kullanarak uygulamaya kaydolabilir ve giriş yapabilirler.\n\n- Firebase Realtime Database kullanarak, kullanıcılar yer işaretlerini tüm kullanıcıların görüntüleyebileceği şekilde paylaşabilir.\n\n- Kullanıcılar kendi paylaştıkları yer işaretlerini silebilirler.\n\n- Kullanıcılar, kendi paylaştıkları veya diğer kullanıcıların paylaştığı yer işaretlerini favorilere ekleyebilirler.\n\n- Kullanıcılar, belirli bir etiketle işaretlenmiş yer işaretlerini görüntüleyebilirler.\n\n## Kullanılan Teknolojiler\n\n- **Vite:** Proje geliştirme sürecinde Vite kullanılmıştır.\n\n- **React:** Kullanıcı arayüzünü oluşturmak için React kütüphanesi kullanılmıştır.\n\n- **Firebase:** Kullanıcı kimlik doğrulama, veritabanı yönetimi ve depolama gibi işlevleri sağlamak için Firebase platformu kullanılmıştır.\n\n- **Framer Motion:** Kullanıcı arayüzü animasyonları için Framer Motion kütüphanesi kullanılmıştır.\n\n- **Tailwind CSS:** Kullanıcı arayüzünün tasarımını oluşturmak için Tailwind CSS kullanılmıştır.\n\n## Firebase Yapılandırması\n\n1. [Firebase Console](https://console.firebase.google.com/)'a gidin.\n\n2. Var olan bir Firebase projesi seçin veya yeni bir proje oluşturun.\n\n3. Firebase Authentication bölümüne gidin ve \"E-posta / Şifre\" kimlik doğrulama yöntemini etkinleştirin. Bu, kullanıcıların e-posta ve şifre kullanarak kaydolmalarını ve giriş yapmalarını sağlayacaktır.\n\n4. Firebase Realtime Database bölümüne gidin ve veritabanı oluşturma işlemi için gerekli adımları takip edin.\n\n5. Veritabanı oluşturulduktan sonra, aşağıdaki veritabanı modelini ve kurallarını kullanarak devam edebilirsiniz. Bu kurallar, kullanıcıların yalnızca kendi yer işaretlerini silebilmelerini sağlar. Böylece kullanıcılar, diğer kullanıcıların yer işaretlerine müdahale edemezler.\n\n   ```json\n   {\n     \"bookmarks\": {\n       \"bookmark1\": {\n         \"description\": \"React projeniz için mükemmel yer tutucu avatarlar.\",\n         \"id\": \"bookmark1\",\n         \"likes\": {\n           \"user1\": true\n         },\n         \"tag\": \"react\",\n         \"timestamp\": 1685174317995,\n         \"title\": \"Avvvatars React\",\n         \"url\": \"https://avvvatars.com/\",\n         \"userDisplayName\": \"Mustafa\",\n         \"userId\": \"user1\"\n       }\n     },\n     \"users\": {\n       \"user1\": {\n         \"bookmarks\": {\n           \"bookmark1\": {\n             \"description\": \"React projeniz için mükemmel yer tutucu avatarlar.\",\n             \"id\": \"bookmark1\",\n             \"likes\": {\n               \"user1\": true\n             },\n             \"tag\": \"react\",\n             \"timestamp\": 1685174317995,\n             \"title\": \"Avvvatars React\",\n             \"url\": \"https://avvvatars.com/\",\n             \"userDisplayName\": \"Mustafa\",\n             \"userId\": \"user1\"\n           }\n         },\n         \"favorites\": {\n           \"bookmark1\": {\n             \"description\": \"React projeniz için mükemmel yer tutucu avatarlar.\",\n             \"id\": \"bookmark1\",\n             \"likes\": {\n               \"user1\": true\n             },\n             \"tag\": \"react\",\n             \"timestamp\": 1685174317995,\n             \"title\": \"Avvvatars React\",\n             \"url\": \"https://avvvatars.com/\",\n             \"userDisplayName\": \"Mustafa\",\n             \"userId\": \"user1\"\n           }\n         }\n       }\n     }\n   }\n   ```\n\n   ```json\n   {\n     \"rules\": {\n       \"bookmarks\": {\n         \".read\": true,\n         \".indexOn\": [\"tag\"],\n         \"$bookmarkId\": {\n           \".write\": \"auth != null \u0026\u0026 (newData.child('userId').val() === auth.uid || data.child('userId').val() === auth.uid)\",\n           \"likes\": {\n             \"$userId\": {\n               \".write\": \"auth.uid == $userId\"\n             }\n           }\n         }\n       },\n       \"users\": {\n         \"$userId\": {\n           \".read\": \"auth != null \u0026\u0026 auth.uid == $userId\",\n           \".write\": \"auth != null \u0026\u0026 auth.uid == $userId\"\n         }\n       }\n     }\n   }\n   ```\n\n6. Firebase artık hazır. Proje ayarlarından Firebase proje yapılandırma bilgilerinizi alabilirsiniz. Bunlar, .env dosyasında Firebase yapılandırma değerlerini doldurmak için kullanılacak olan API anahtarı, proje kimliği vb. bilgilerdir.\n\n## Bilgisayarınızda Çalıştırın\n\nProjeyi klonlayın.\n\n```bash\ngit clone https://github.com/pekkiriscim/bookmarks.git\n```\n\nProje dizinine gidin.\n\n```bash\ncd bookmarks\n```\n\nGerekli paketleri yükleyin.\n\n```bash\nnpm install\n```\n\nFirebase projenize ait yapılandırmaları .env dosyasına ekleyin ve sunucuyu çalıştırın.\n\n```bash\nnpm run dev\n```\n\nProjeyi derleyin.\n\n```bash\nnpm run build\n```\n\nÖnizlemeyi başlatın.\n\n```bash\nnpm run preview\n```\n\n## Teşekkürler\n\n- [@nusu:](https://github.com/nusu) Benzersiz ve eğlenceli avatarlar için.\n\n- [@emilkowalski:](https://github.com/emilkowalski) Harika animasyonlu bildirimler için.\n\n## Lisans\n\nBu proje MIT Lisansı altında lisanslanmıştır.\n\n## Katkı\n\nKatkılarınız projeyi daha da renklendirebilir. Deneyimlerinizi ve fikirlerinizi paylaşarak projenin gelişimine katkıda bulunun.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpekkiriscim%2Fbookmarks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpekkiriscim%2Fbookmarks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpekkiriscim%2Fbookmarks/lists"}