Figma: Haft-landing-page
Netlify: https://half-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/haft-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js
Qiyinchiliklar: Header menu biroz ko'p vaqtni oldi. Backgroundlardagi line-gradientlarda qiynaldim va hozircha shunday qoldirishga qaror qildim. Swiper.js width dizayda containerdan oshibroq to'xtar ekan, men container ichida to'xtatdim.
#website
Netlify: https://half-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/haft-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js
Qiyinchiliklar: Header menu biroz ko'p vaqtni oldi. Backgroundlardagi line-gradientlarda qiynaldim va hozircha shunday qoldirishga qaror qildim. Swiper.js width dizayda containerdan oshibroq to'xtar ekan, men container ichida to'xtatdim.
#website
figma: __ Design
netlify: __ Site
github: __ Code
Qo'shimcha foydalanildi: swiperjs, svgomg, tinypng, transfonter.
Qiyinchiliklar: Buttonlar hover bo'ganda line-gradient rangi o'zgaradi, shunda (transition) sekinroq o'zgarmadi. Harakatlanuvchi raqamlar o'z sectioniga kelganda ishlamadi. Lekin sahifani yangilasa ishlidigan qildim.
#website
netlify: __ Site
github: __ Code
Qo'shimcha foydalanildi: swiperjs, svgomg, tinypng, transfonter.
Qiyinchiliklar: Buttonlar hover bo'ganda line-gradient rangi o'zgaradi, shunda (transition) sekinroq o'zgarmadi. Harakatlanuvchi raqamlar o'z sectioniga kelganda ishlamadi. Lekin sahifani yangilasa ishlidigan qildim.
#website
netlify: __ Site
Asosiy foydalanildi:
Html, Css(scss), Javascript
React JS
Haqida: Mockapi orqali ma'lumotlar yaratildi. Api dan kelgan ma'lumotlar sahifamizda ko'rsatildi. Birinchi sahifada Olimlar suratlari va ismlari kelgan. Batafsilga kirilganda hamma ma'lumotlar kelishi kerak. Ism, tug'ulgan sana va yozgan kitoblari ammo netlifyga joylaganda negadur muammo poyda bo'ldi. Ikkinchi sahifada kitoblar haqida ma'lumotlar chiqarildi.
#website #react
Asosiy foydalanildi:
Html, Css(scss), Javascript
React JS
Haqida: Mockapi orqali ma'lumotlar yaratildi. Api dan kelgan ma'lumotlar sahifamizda ko'rsatildi. Birinchi sahifada Olimlar suratlari va ismlari kelgan. Batafsilga kirilganda hamma ma'lumotlar kelishi kerak. Ism, tug'ulgan sana va yozgan kitoblari ammo netlifyga joylaganda negadur muammo poyda bo'ldi. Ikkinchi sahifada kitoblar haqida ma'lumotlar chiqarildi.
#website #react
netlify: __ Site
Asosiy foydalanildi:
Html, Css, Javascript
React JS, Ant va Tailwind
Haqida: Moviedb saytidan API lar olindi va Frondend qismi qo'ldan kelganicha yasaldi. Mashhur, retinggi yuqori filmlar, aktyorlar va ularning ma'lumotlari chiqarildi.
Hozircha faqat desktop ekranlari uchun!
#website #react
Asosiy foydalanildi:
Html, Css, Javascript
React JS, Ant va Tailwind
Haqida: Moviedb saytidan API lar olindi va Frondend qismi qo'ldan kelganicha yasaldi. Mashhur, retinggi yuqori filmlar, aktyorlar va ularning ma'lumotlari chiqarildi.
Hozircha faqat desktop ekranlari uchun!
#website #react
vercel: __ Site
github: __ Code
Asosiy foydalanildi:
Html, Css, Javascript
React JS, Tailwind
Haqida: Saytimiz online do'kon, kichik ko'rinishi tarzda yasaldi. Saytimizda categoriyalar bo'yicha filter qilish, batafsil mahsulot haqida bilish, mahsulotlarni savatga qo'shish va uni oshirish yoki kamaytirish imkoniyatlari mavjud. Ma'lumotlarimiz DummyJson saytidan olib kelindi.
#website #react
github: __ Code
Asosiy foydalanildi:
Html, Css, Javascript
React JS, Tailwind
Haqida: Saytimiz online do'kon, kichik ko'rinishi tarzda yasaldi. Saytimizda categoriyalar bo'yicha filter qilish, batafsil mahsulot haqida bilish, mahsulotlarni savatga qo'shish va uni oshirish yoki kamaytirish imkoniyatlari mavjud. Ma'lumotlarimiz DummyJson saytidan olib kelindi.
#website #react