BilalTM

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -1,130 +1,37 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
 
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
+# testing
+/coverage
 
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
+# next.js
+/.next/
+/out/
 
-# nyc test coverage
-.nyc_output
+# production
+/build
 
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
+# misc
+.DS_Store
+*.pem
 
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-# Dependency directories
-node_modules/
-jspm_packages/
+# local env files
+.env*.local
 
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
+# vercel
+.vercel
 
-# TypeScript cache
+# typescript
 *.tsbuildinfo
+next-env.d.ts
 
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional stylelint cache
-.stylelintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variable files
-.env
-.env.development.local
-.env.test.local
-.env.production.local
-.env.local
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-
-# Next.js build output
-.next
-out
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# vuepress v2.x temp and cache directory
-.temp
-.cache
-
-# Docusaurus cache and generated files
-.docusaurus
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
+/extras

README.md

@@ -1,2 +1,27 @@
-# passwordgame
- Password Game - Turkish
+# Şifre Oluşturma Oyunu
+
+[Şifre Oluşturucu](https://sifreolusturucu.vercel.app) oyununa hoş geldiniz! Hayatınızın en karmaşık şifresini oluşturmaya hazır olun. Şifreniz, giderek absürt hale gelen bir dizi kurala uygun olmalıdır. Oyun deneyimini zenginleştiren bulmacalar ve bilmece içeren çeşitli mini oyunların keyfini çıkarın.
+
+[Şifre Oluşturucuyu Şimdi Oyna](https://sifreolusturucu.vercel.app)
+
+![şifreolusturucu](https://github.com/user-attachments/assets/506f286a-66c0-4993-845d-c3471288dbe6)
+
+Bu oyun fikri, [Neal](https://twitter.com/nealagarwal) tarafından yapılan [The Password Game](https://neal.fun/password-game/) den esinlenilmiştir. Eğer henüz oynamadıysanız, orijinalini mutlaka kontrol edin.
+
+## Geliştirme
+### Başlarken
+
+1. Bu kodu terminale yapıştırın: `git clone https://github.com/TMBilalTM/passwordgame/passwordgame.git`.
+2. Komut satırından proje dizinine gidin: `cd passwordgame`.
+3. Gerekli bağımlılıkları yüklemek için `npm install` komutunu çalıştırın.
+4. Geliştirme sunucusunu `npm run dev` ile başlatın.
+5. Web tarayıcınızı açın ve `http://localhost:3000` adresine giderek oyunu oynayın.
+
+### Katkıda Bulunma
+
+Katkılarınızı bekliyorum! Bir hata bulursanız veya iyileştirmeler için önerileriniz varsa, lütfen bir sorun açın veya bir pull request oluşturun.
+
+## Teşekkürler
+- Bu oyun, [Neal](https://twitter.com/nealagarwal) tarafından yapılan [The Password Game](https://neal.fun/password-game/)den büyük ölçüde esinlenilmiştir.
+- Bu oyun, [Next.js](https://nextjs.org/) framework'ü kullanılarak geliştirilmiştir.
+- [Yenileme simgesi mavadee tarafından yapılmıştır, teşekkürler!](https://www.freepik.com/icon/reload_3580291#fromView=keyword&term=Refresh&page=1&position=15)

app/globals.css

@@ -0,0 +1,54 @@
+body {
+    background-color: #fffaff;
+    color: #0A0F0D;
+    font-family: 'Roboto Mono', 'Consolas', monospace, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    margin: 0;
+
+
+    --color: #fff0ff;
+    --dotSize: 0.25rem;
+    --bgSize: 1.35rem;
+    --bgPosition: calc(var(--bgSize) / 2);
+
+    background-image: radial-gradient(
+        circle at center,
+        var(--color) var(--dotSize),
+        transparent 0
+        ), radial-gradient(circle at center, var(--color) var(--dotSize), transparent 0);
+    background-size: var(--bgSize) var(--bgSize);
+    background-position: 0 0, var(--bgPosition) var(--bgPosition);
+
+}
+
+code {
+    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+      monospace;
+}
+
+a{
+    color: dodgerblue;
+    text-decoration: none;
+}
+
+
+.shake {
+    animation: shake 1s;
+
+    animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+    0% { transform: translate(1px, 1px) rotate(0deg); }
+    5% { transform: translate(-1px, -2px) rotate(-1deg); }
+    10% { transform: translate(-3px, 0px) rotate(1deg); }
+    15% { transform: translate(3px, 2px) rotate(0deg); }
+    20% { transform: translate(1px, -1px) rotate(1deg); }
+    25% { transform: translate(-1px, 2px) rotate(-1deg); }
+    30% { transform: translate(-3px, 1px) rotate(0deg); }
+    35% { transform: translate(3px, 1px) rotate(-1deg); }
+    40% { transform: translate(-1px, -1px) rotate(1deg); }
+    45% { transform: translate(1px, 2px) rotate(0deg); }
+    50% { transform: translate(1px, -2px) rotate(-1deg); }
+}

app/layout.js

@@ -0,0 +1,17 @@
+import "./globals.css"
+
+export const metadata = {
+  title: 'ŞifreniBul',
+  description: 'En derin sırlarınızı nihai şifre ile kilitleyin',
+}
+
+export default function RootLayout({ children }) {
+ return (
+    <html lang="en">
+      <head>
+        <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet'/>
+      </head>
+      <body>{children}</body>
+    </html>
+  )
+}