Skip to main content

Haru Fashion ecommerce ကိုဘယ်လိုရေးခဲ့လဲ

How Do I
Picture

ကျွန်တော် Haru Fashion ဆိုတဲ့ e-commerce application ကိုဘယ်လိုရေးခဲ့လဲဆိုတာကို ဒီ post မှာ ရေးသွားမှာဖြစ်ပါတယ်။

Tech Stack

ဒီ application ကိုတော့ NextJS နဲ့အဓိက ရေးထားတာဖြစ်ပြီး type saving အတွက် TypeScript ကိုသုံးထားတာဖြစ်ပါတယ်။ Styling အတွက်ကတော့ Tailwind CSS ကိုသုံးထားပြီး state management အတွက်တော့ React ရဲ့ Context API ကိုပဲအသုံးပြုထားပါတယ်။ Backend အတွက်တော့ အစက Firebase ကိုသုံးထားတာပါ။ ဒါပေမယ့် Firebase မှာ တချို့လိုချင်တဲ့ feature တွေမရတာတစ်ကြောင်း၊ ကိုယ်တိုင်က Backend ကိုစမ်းချင်တာက တစ်ကြောင်းကြောင့် နောက်ပိုင်း Haru fashion အတွက် backend API တစ်ခုကို Express, Prisma, PostgreSQL တို့နဲ့ရေးဖြစ်သွားတယ်။

ဒီ app ရဲ့ Firebase version ကို ဒီ app ရဲ့ Github repository release မှာကြည့်နိုင်

Features

ဒီ application မှာပါဝင်တဲ့ အဓိက feature တွေကတော့

  • Progressive Web App (PWA) 🔥
  • Full-text Search 🔎
  • Responsive Design 📱💻
  • Wishlist 🤍
  • Add To Cart 🛒
  • Different Category Page 🧑🏻👩🏻🎒
  • Authentication (Register/Login/Logout) 🛡️
  • Pagination ⬅️➡️
  • Animation ✨
  • i18n (English & Burmese) 🌐
  • Accessibility

Conclusion

ကဲ ဒီနေ့တော့ ဒီလောက်ပါပဲ XD