A collection of small, focused web projects built with plain HTML, CSS, and JavaScript. Each project is self-contained and can be opened directly in a browser.
| Project | What it does |
|---|---|
| Quick Feedback | Collects a simple five-heart rating. |
| Calculator | Keyboard-friendly calculator for basic arithmetic. |
| Pinboard Notes | Creates, edits, deletes, and stores notes in local storage. |
| Average Cost Calculator | Calculates weighted average price, quantity, and total spend. |
| Typewriter Intro | A compact animated personal introduction. |
| Number Guessing Game | Guess a random number from 1 to 100 in ten attempts. |
| FAQ Accordion | Expands and collapses practical FAQ answers. |
| Dad Joke Machine | Fetches a random joke from the icanhazdadjoke API. |
| Task List | Saves tasks locally and supports individual or bulk deletion. |
| Weather Lookup | Looks up current weather through OpenWeatherMap. |
| Dice Duel | Lets two players enter names and roll against each other. |
No build step is required. Open any project's index.html file in a browser, or serve the repository locally:
python -m http.server 8000Then visit http://localhost:8000 and choose a project folder.
- The Weather Lookup project needs a valid OpenWeatherMap API key in
WeatherApi/script.js. - Dad Joke Machine uses the public
icanhazdadjoke.comendpoint and needs an internet connection. - Notes and tasks are stored in the browser's local storage, so data is tied to the browser and device where it was created.
- The original Turkish folder names are kept so existing links do not break; the project interfaces and documentation are in English.
HTML, CSS ve saf JavaScript ile hazırlanmış, her biri tek başına çalışabilen küçük web projeleri koleksiyonu.
- Quick Feedback: Beş kalpli basit geri bildirim bileşeni.
- Calculator: Klavye desteği olan temel hesap makinesi.
- Pinboard Notes: Not ekleme, düzenleme, silme ve tarayıcıda saklama.
- Average Cost Calculator: Ağırlıklı ortalama fiyat, miktar ve toplam harcama hesabı.
- Typewriter Intro: Animasyonlu kısa kişisel tanıtım.
- Number Guessing Game: On hak içinde 1-100 arasındaki sayıyı bulma oyunu.
- FAQ Accordion: Soru ve cevapları açıp kapatan akordeon.
- Dad Joke Machine: API üzerinden rastgele şaka getirir.
- Task List: Görevleri tarayıcıda saklar ve silmeyi destekler.
- Weather Lookup: OpenWeatherMap ile güncel hava durumu araması.
- Dice Duel: İki oyuncunun zar atarak yarışmasını sağlar.
Derleme adımı gerekmez. Her klasördeki index.html dosyasını doğrudan açabilir veya yukarıdaki Python komutuyla yerel sunucu başlatabilirsiniz. Hava durumu projesi için WeatherApi/script.js içindeki API anahtarının geçerli olması gerekir.
This project is shared for learning and experimentation.