Quiz App
Authentication, чиглүүлсэн quiz урсгал, өгөгдлийн санд суурилсан контент удирдлагатай quiz платформ.
Сорилт
Нэг дэлгэцтэй прототипийн оронд authentication, бүтэцтэй контент, утга учиртай үр дүнгийн боловсруулалттай бүрэн бүтээгдэхүүний урсгал болгон quiz-ийн санааг хувиргах.
Хариуцсан ажил
Хуудасны төлөв, auth интеграц, өгөгдлийн санд суурилсан model, quiz-тэй холбоотой API ажил зэрэг frontend болон backend давхарга даяар бүтээсэн.
Үр дүн
UI урсгал, backend бүтэц, deployment хийхэд бэлэн application логикийг холбож чаддагийг харуулсан илүү бүрэн quiz туршлагыг гаргасан.
Дүрслэлийн тойм
Дэлгэц, урсгал, мэдрэмж.
Desktop зохион байгуулалт
Онцлох зүйлс
- Чиглүүлсэн хэрэглэгчийн туршлагад зориулж home, summary, quiz, results төлвүүдийг хэрэгжүүлсэн.
- Clerk authentication болон Prisma дээр суурилсан дата загварчлал, migration, backend тохиргоог нэгтгэсэн.
- Article-д суурилсан контентод зориулж API route, quiz-тэй холбоотой дата боловсруулалтыг нэмсэн.
Архитектур
Апп нь frontend-д Next.js, TypeScript, authentication-д Clerk, дата загварчлал болон backend хадгалалтад Prisma-г PostgreSQL-тай хамт ашигладаг.
Сурсан зүйлс
- Жижиг full-stack апп ч гэсэн хэрэглэгчийн аяллыг тусдаа хуудсуудыг бүтээхээсээ өмнө тодорхойлбол хамаагүй тодорхой болдог.
- Authentication, дата загварчлалын шийдвэрүүд бүхэл бүтээгдэхүүнийг бүрдүүлдэг тул эдгээрийг эрт холбосноор дараа дахин их ажил хийхээс сэргийлдэг.
- Үр дүн, summary төлвүүд энгийн interaction-ийг илүү бүрэн бүтээгдэхүүний loop болгодог тул чухал.
Явц
1-р алхам
Хэрэглэгчид тусдаа хуудсуудын оронд эхлэлээс дуустал тодорхой замтай байхаар аппыг бүрэн quiz аялалд төвлөрүүлэн зохион бүтээсэн.
2-р алхам
Бүтээгдэхүүний бүтэц эхнээсээ бодит хэрэглэгч, бодит контентыг дэмжих боломжтой байхаар Clerk authentication, Prisma model-уудыг эрт холбосон.
3-р алхам
Article-д суурилсан quiz дата-г дэмжиж, frontend төлвүүдийг ашиглаж болох application дататай холбоотой байлгахын тулд backend route, контент боловсруулалтыг нэмсэн.
Бусад төслүүд
Frontend хөгжүүлэгч | 2026
Galexora
Хүчтэй frontend түүх өгүүлэх чадвар, section архитектур, өнгөлсөн interaction ажлыг харуулахаар зохион бүтээсэн cinematic сансрын судалгааны сайт.
Full-stack хөгжүүлэгч | 2026
Sign Language Web
Хуваалцсан monorepo дотор багаараа бүтээсэн, ASL болон MNSL-ийг бодит цагт танидаг, дасгалын урсгал, admin удирддаг үг сантай дохионы хэлний платформ.