Norway Salmon

Энэ юу вэ

Norway Salmon нь Норвегиос Улаанбаатар руу Атлантын шинэхэн хулд загас импортолдог: арьс, ясгүй E-trim филег 0–2 °C-т хөргөсөн чигээр нь Ослогоос Инчоноор дамжуулан онгоцоор авчирч, нислэг газардсан өдрийн орой нь хүргэдэг. Мөн суши бокс зэрэг хөлдөөсөн болон савласан бүтээгдэхүүнээ хамтрагч маркетуудаар дамжуулан борлуулдаг. Би платформыг бүхэлд нь хийсэн: NestJS GraphQL API, нийтийн вэб сайт, админ, харилцагчийн туслахаас бүрдсэн, монгол, англи хэлтэй Turborepo monorepo.

3D вэб сайт

• Хэрхэн бэлтгэдэг вэ. Скроллоор хөдөлдөг 3D үзэгдэл бүтэн хулд загасыг гэдсийг нь авсан загаснаас эхлээд цэвэрлэсэн филе хүртэл есөн огтлох, савлах алхмаар дагуулан харуулдаг. Скролл хийхэд GLB загвар дахь бэлэн анимейшн клип урагш, хойш гүйнэ.
• Ослогоос Улаанбаатар хүртэл. Хоёр дахь үзэгдэлд онгоц 3D бөмбөрцөг дээгүүр Осло (OSL)-оос Инчон (ICN)-оор дамжин Чингис хаан нисэх буудал (UBN) хүртэл нисэх бөгөөд нисэх буудлуудын нэр харагдана.
• Хөнгөн байхаар бүтээсэн. React Three Fiber зөвхөн скролл хөдлөх үед л дүрслэл зурдаг, загварууд явцын мөртэйгээр татагдаж нэгдсэн кэшэд хадгалагддаг, студийн гэрэлтүүлгийг татаж авсан HDR-ын оронд light former-уудаар үүсгэдэг, татан авалт удаан эсвэл амжилтгүй бол статик зураг харуулдаг. Хөдөлгөөн багасгах тохиргоотой хэрэглэгчдэд хэсэг бүрийг алгасах холбоос гарна.

Захиалга

• Бүртгэлгүй захиалга. Харилцагч утасны дугаараа өгч, хүргэлт эсвэл очиж авахыг сонгоод, нээлттэй нислэгүүдийн аль нэг болон бүтээгдэхүүнээ сонгож, тогтмол 10,000₮ урьдчилгааг QPay-ээр төлнө. Үлдэгдлийг загасыг жигнэсний дараа жингээр нь төлнө.
• Төлбөрийн төлөв шууд. Захиалгын хуудас төлбөрийн мэдээг GraphQL subscription-оор хүлээн авдаг бөгөөд нөөц хувилбар нь polling.
• Хамтрагч маркетууд. Савласан бүтээгдэхүүн зардаг маркетуудыг газрын зураг, хаяг, утасны дугаартай нь жагсаасан хуудас.
• Туслах. Хуудас бүр дээрх чат Claude ашиглан түгээмэл асуултуудаас харилцагчдын асуултад хариулдаг. Захиалга хэзээ ч өгөхгүй, өөрчлөхгүй.

Админ

• Хянах самбар. Орсон борлуулалт, захиалга, захиалгын дундаж дүн, шинэ харилцагч, борлуулалтын график, анхаарал шаардсан хийгдээгүй ажлууд, шилдэг бүтээгдэхүүн, дараагийн нислэгүүдийн ирэх хуваарь.
• Захиалга. Захиалга бүр хүлээгдэж буй төлөвөөс төлөгдсөн хүртэл явна: бараа засах, жин оруулах, хүргэх, дараа нь төлбөрийг бүртгэх. Захиалгууд нислэгээр бүлэглэгдэх бөгөөд хүргэлтийн газрын зураг хүргэгдээгүй бүх захиалгыг хаяг дээр нь харуулдаг.
• Маркетууд. Хамтрагч маркетууд, тэдний бүтээгдэхүүн, өдөр тутмын борлуулалтын хуудас, борлуулалтын тайлан.
• Санхүү. Орлого, зарлага, сарын цэвэр ашиг, НӨАТ-ын тайланд тусгасан борлуулалт, маркетын шимтгэл, гүйлгээ, ангилал, зээл ба түүний эргэн төлөлт.
• Баг ба тохиргоо. Админ, ажилтан (мөнгөний эрхгүй), харилцагчийн бүртгэлүүд, тохиргоо, холбоо барих мэдээлэл, санал хүсэлт. Төлөгдсөн нэхэмжлэх шууд харагдана.

Ар талд нь

NestJS, GraphQL, Drizzle-ээр холбогдсон PostgreSQL, кэш, хүсэлтийн хязгаарлалт, subscription pub/sub-д зориулсан Redis, S3 хадгалалт, QPay, CallPro SMS код, Sentry. Туслах нь API-ийн ард ажилладаг Python FastAPI сервис. Систем VPS дээр nginx-ийн ард Docker-т ажилладаг, нөөцлөлттэй. Админы дэлгэцийн зургууд хөгжүүлэлтийн өгөгдлийг харуулж байна.