24 soatlik Story funksiyasi
Instagram stories funksiyasining client-side klonini yarating.
Sizdan Instagram va WhatsApp kabi mashhur ijtimoiy tarmoq platformalaridagiga o'xshash "Story" funksiyasini yaratish talab etiladi. Maqsad — foydalanuvchiga 24 soatdan keyin yo'qolib ketadigan qisqa, vaqtinchalik kontent joylash imkonini berish. Bu frontend loyihasi bo'lgani uchun u faqat client-side'da ishlaydi.
Talablar
Yuqori qismda story'lar ro'yxati va plyus tugmasi bo'ladi. Plyus tugmasini bosish foydalanuvchiga rasm yuklash imkonini beradi; rasm base64'ga o'giriladi va local storage'da saqlanadi. Rasm story'lar ro'yxatida ko'rsatiladi. Rasm 24 soatdan keyin o'chiriladi. Ixtiyoriy ravishda foydalanuvchi story'lar orasida swipe qilib o'ta olishi kerak.
Cheklovlar
- Buni yaratish uchun istalgan frontend freymvorkdan foydalanishingiz mumkin
- O'zingizga qulay bo'lgan istalgan kutubxona yoki vositalardan bemalol foydalaning
- Loyiha faqat client-side'da ishlashi kerak
- Loyiha responsive bo'lishi kerak
- Rasm o'lchamlari maksimal 1080px x 1920px bilan cheklanishi kerak
Ushbu loyihani yaratgach, client-side storage, timeout'lar bilan qanday ishlash va responsive design'ni qanday yaratish haqida yaxshiroq tushunchaga ega bo'lasiz.