Scrollo.cz 🎨

Kolekce užitečných webových nástrojů bez reklam, poplatků a starostí

📖 O projektu

Scrollo.cz je moderní platforma nabízející bezplatné webové nástroje pro každodenní použití. Všechny aplikace běží přímo ve vašem prohlížeči, jsou plně offline a respektují vaše soukromí.

🎯 Naše filozofie

• 🚫 Žádné reklamy - Čistá uživatelská zkušenost
• 💰 Žádné poplatky - Všechny nástroje zdarma
• 🔒 Žádné sledování - Respektujeme vaše soukromí
• ⚡ Žádná registrace - Použijte okamžitě
• 📱 Responsivní design - Funguje všude

🛠️ Dostupné nástroje

💰 Finance & Kalkulačky

• Měnová kalkulačka - Převod měn s aktuálními kurzy ČNB
• Pizza kalkulačka - Porovnání cena/výkon podle velikosti

🖼️ Obrázky & Media

• Editor obrázků - Změna velikosti, ořez, kruhy
• QR kód generátor - 8 typů QR kódů s přizpůsobením
• Color Picker - Pokročilý výběr barev s pipetou

✍️ Text & Jazyk

• Skloňování jmen - České skloňování do všech pádů
• Počítadlo textu - Znaky, slova, věty, slabiky

🔐 Bezpečnost

• Generátor hesel - Kryptograficky bezpečná hesla

🌤️ Informace

• Předpověď počasí - 7denní předpověď s hodinovými daty
• Kalendář svátků - České a slovenské svátky

⚖️ Převodníky

• Převodník jednotek - Délka, hmotnost, objem a další

🎨 Technologie

• Frontend: Vanilla JavaScript, HTML5, CSS3
• Design: ChromaFlow design systém s gradientními animacemi
• Fonts: Inter (Google Fonts)
• API integrace:
  • ČNB kurzy pro měny
  • Open-Meteo pro počasí
  • QRCode.js pro QR kódy
• Offline: Service Workers pro offline funkčnost

🚀 Vlastnosti

Design

• 🎨 ChromaFlow styly - Konzistentní gradient design
• 🌊 Plovoucí animace - Jemné float efekty
• 💫 Smooth přechody - Cubic-bezier animace
• 🎡 Apple-style wheel picker - Pro navigaci a výběr

UX

• 📱 Mobile-first - Optimalizováno pro dotyková zařízení
• ⌨️ Klávesové zkratky - Rychlé ovládání
• 🧭 Plovoucí navigace - Vždy dostupné menu
• 💾 LocalStorage - Ukládání oblíbených a historie

Přístupnost

• ♿ WCAG 2.1 - Přístupný pro všechny
• 🎨 Vysoký kontrast - Čitelné pro všechny
• 📖 Sémantické HTML - Správná struktura

📦 Instalace (pro vývojáře)

# Klonování repozitáře
git clone https://github.com/yourusername/scrollo.cz.git

# Přechod do složky
cd scrollo.cz

# Spuštění lokálního serveru (např. s Python)
python -m http.server 8000

# Nebo s Node.js
npx serve

Otevřete prohlížeč na http://localhost:8000

🏗️ Struktura projektu

scrollo.cz/
├── index.html                      # Landing page
├── kategorie.html                  # Přehled kategorií
├── scrollo-navigation.html         # Plovoucí navigace
│
├── currency-converter.html         # Měnová kalkulačka
├── pizza-calculator.html           # Pizza kalkulačka
├── image-resizer-cropper.html      # Editor obrázků
├── sklonovani-jmen.html           # Skloňování jmen
├── weather-forecast-app.html       # Počasí
├── name-day-calendar.html          # Kalendář svátků
├── password-generator.html         # Generátor hesel
├── text-counter-analyzer.html      # Počítadlo textu
├── qr-code-generator.html          # QR generátor
├── advanced-color-picker.html      # Color picker
├── unit-converter-wheel.html       # Převodník jednotek
│
└── README.md                       # Tento soubor

🎨 Design systém

Barvy

• Primární: #0ea5e9 (modrá)
• Sekundární: #d946ef (fialová)
• Akcent: #22c55e (zelená)
• Gradient: 135deg, #0ea5e9 0%, #d946ef 100%

Typografie

font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

Animace

• Float: 6s ease-in-out infinite
• Gradient: 3s ease infinite
• Transitions: cubic-bezier(0.68, -0.55, 0.265, 1.55)

🤝 Přispívání

Příspěvky jsou vítány! Pokud máte nápad na nový nástroj nebo vylepšení:

1. Fork repozitáře
2. Vytvořte feature branch (git checkout -b feature/AmazingFeature)
3. Commit změny (git commit -m 'Add some AmazingFeature')
4. Push do branch (git push origin feature/AmazingFeature)
5. Otevřete Pull Request

Pravidla pro přispívání

• Dodržujte ChromaFlow design systém
• Používejte Inter font
• Zajistěte responzivitu (mobile-first)
• Testujte na iOS a Android
• Komentujte složitější kód
• Žádné externí závislosti (preferujeme vanilla JS)

📝 Roadmap

✅ Hotovo

• Landing page
• Plovoucí navigace
• 11 základních nástrojů
• Responzivní design
• LocalStorage integrace

🚧 V přípravě

• PWA podpora
• Service Workers
• Dark mode
• Další nástroje (BMI kalkulačka, Pomodoro timer, atd.)
• Export/Import nastavení
• Vícero jazykových verzí

💡 Plánováno

• API pro vývojáře
• Widget systém
• Sdílení výsledků
• Offline first architektura

🐛 Hlášení bugů

Našli jste chybu? Otevřete issue s:

• Popisem problému
• Kroky k reprodukci
• Očekávané chování
• Screenshots (pokud je to relevantní)
• Informace o prohlížeči a zařízení

📄 Licence

Tento projekt je licencován pod MIT licencí.

MIT License

Copyright (c) 2024 Scrollo.cz

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

🙏 Poděkování

• ČNB za API s měnovými kurzy

• Open-Meteo za API s počasím

• QRCode.js za QR kód knihovnu

• Google Fonts za Inter font

• Všem přispěvatelům za jejich čas a nápady

  scrollo.cz