Жинхэнэ ур чадвараа харуулах портфолио төслийн 20 санаа

Хамгийн сайн портфолио төслийн санаанууд жинхэнэ хүний жинхэнэ асуудлыг шийддэг, нэг эсвэл хоёр ур чадварыг тодорхой харуулдаг, мөн дууссан байдаг: амьд, баримтжуулсан, тайлбарлаж болдог. Шүүгчид портфолио бүрт хэдхэн минут зарцуулдаг тул жинхэнэ хэрэглэгчийн ажиллаж буй апп (клубийн захиалгын систем, нийтийн мэдээллийн самбар, судалгаатай дахин зохион бүтээсэн дизайн) нь алдартай бүтээгдэхүүний нэг дахь хуулбараас илүү. Доор хорин санааг үүргээр нь бүлэглэж, тус бүрт юу харуулдаг, эхлээд бүтээх анхны хувилбар, шударга хэцүү хэсгийг бичсэн.

Эдгээр бүгд таны холбож болох вэб апп эсвэл сайт болгон ажиллана. Дөрөв-таван төсөлтэй болсны дараа портфолио сайт хэрхэн бүтээх вэ тэдгээрийг хэрхэн танилцуулахыг тайлбарласан.

Сайн портфолио төслийн шинж чанарууд

Фронтэнд хөгжүүлэгчид

1. Хүртээмжтэй маягтын сангийн демо

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

2. Бодит ертөнцийн хуудсыг дахин бүтээж, сайжруулсан

• Харуулдаг: Байрлал, хариуцлагатай дизайн, нарийн анхаарал.
• Анхны хувилбар: Тодорхой асуудалтай нийтийн хуудас (төвөгтэй цагийн хуваарь, эмх замбараагүй цэс) сонгож, дахин бүтээгээд, асуудлыг засдаг хувилбарыг өмнө/дараа харьцуулалттайгаар нийтэл.
• Хэцүү хэсэг: Хүндэтгэл. Өөрийн текст, зургийг ашигла, концепт гэж тэмдэглэ, лого хуулахгүй, компанийн ажил мэт толилуулахгүй.

3. Хурдан хэвээр байдаг их өгөгдөлтэй хүснэгт

• Харуулдаг: Гүйцэтгэл, эрэмбэлэлт, шүүлт, хуудаслалт, ачаалах төлөв.
• Анхны хувилбар: Нийтийн өгөгдлийн багцаас 10,000+ мөр бүхий хүснэгт, хайлт, шүүлтүүр, хадгалсан харагдацтай.
• Хэцүү хэсэг: Хэмжилт. Өөрчлөлтийнхөө өмнө, дараах ачаалах хугацааг харуул.

4. Офлайнд ажиллах боломжтой чеклист апп

• Харуулдаг: Service worker, локал хадгалалт, интернэт холбогдоход синхрончлох.
• Анхны хувилбар: Сигнал байхгүйгээр ажилладаг, холбогдоход синхрончилдог чеклистүүд. Нативе ба прогрессив вэб апп сонголтуудыг тайлбарласан.
• Хэцүү хэсэг: Хоёр төхөөрөмж нэг жагсаалтыг засварлахад синхрончлолын зөрчил.

Фулл-стек ба бэк-энд хөгжүүлэгчид

5. Жинхэнэ жижиг бизнесийн захиалгын систем

• Харуулдаг: Өгөгдлийн загварчлал, нэвтрэлт, имэйл, цагийн бүс, онцгой тохиолдлууд.
• Анхны хувилбар: Үйлчилгээ, боломжтой цаг, захиалга, баталгаажуулах имэйл, админ харагдац. Захиалгын бүтээгч үндсийг нь тохируулж чадах тул та хатуу дүрмүүд дээр анхаарч болно.
• Орлого олж болно: Бизнес ашигладаг бол сар бүрийн бага хураамж.
• Хэцүү хэсэг: Давхар захиалга ба цуцлалт. Тэдгээрийг хэрхэн урьдчилан сэргийлснээ бич.

6. Үүрэгтэй олон хэрэглэгчийн үйлчлүүлэгчийн портал

• Харуулдаг: Баталгаажуулалт, эрх, файл байршуулалт, аюулгүй байдлын сэтгэлгээ.
• Анхны хувилбар: Үйлчлүүлэгчид зөвхөн өөрийн файл, мессежийг харж нэвтэрнэ; ажилчид бүгдийг харна. Үйлчлүүлэгчийн портал хэрхэн бүтээх вэ болон порталын бүтээгч-ийг харна уу.
• Хэцүү хэсэг: Нэг үйлчлүүлэгч өөр хүний өгөгдлийг харж чадахгүйг нотлох. Туршилтуудаа бичвэртээ оруулаарай.

7. Аудитын бүртгэлтэй бараа хяналтын систем

• Харуулдаг: Холбоот өгөгдөл, түүхийн хүснэгт, тайлан.
• Анхны хувилбар: Бараанууд, нөөцийн хөдөлгөөн, бага нөөцийн анхааруулга, хэн юуг өөрчилснийг бүртгэх лог. Барааны бүтээгч-гээс эхэлж болно.
• Хэцүү хэсэг: Хоёр хүн нэгэн зэрэг нөөцийг шинэчлэхэд тоог зөв байлгах.

8. Баримт бүхий нийтийн API

• Харуулдаг: API загварчлал, баталгаажуулалт, хүсэлтийн хязгаарлалт, баримтжуулалт.
• Анхны хувилбар: Танд чухал санагдах өгөгдлийн дээр суурилсан жижиг API, түлхүүр, хязгаар, баримтын хуудастай. REST API хэрхэн бүтээх вэ хэлбэрийг тайлбарласан.
• Хэцүү хэсэг: Сайн алдааны мессеж. Хэрэглэгчид API-д хамгийн их анзаардаг зүйл нь тэр.

9. Арын ажлын дамжуулах хоолой

• Харуулдаг: Дараалал, дахин оролдлого, товлосон ажил, хяналт.
• Анхны хувилбар: CSV импортлож, арын дэвсгэр дээр боловсруулж, дууссаны дараа тайлан имэйлээр илгээдэг апп. Арын ажлуудыг хэрхэн ажиллуулах вэ-ийг харна уу.
• Хэцүү хэсэг: Бүтэлгүйтэл. Ажил дундуур бүтэлгүйтэхэд юу болохыг харуул.

Дата ба аналитик

10. Асуулттай нийтийн өгөгдлийн мэдээллийн самбар

• Харуулдаг: Өгөгдлийг цэвэрлэх, диаграм сонгох, түүх ярих.
• Анхны хувилбар: Нэг нийтийн өгөгдлийн багц, нэг тодорхой асуулт («Аль автобусны маршрут хамгийн олон удаа хоцордог вэ?»), гурван диаграм, бичгээр хариулт. Мэдээллийн самбарын бүтээгч байрлалыг нь зохицуулна.
• Хэцүү хэсэг: Өгөгдөл юуг харуулдаггүйг хэлэх. Дутуу зүйл, анхааруулгыг тэмдэглэ.

11. Хувийн зардлын шинжилгээ

• Харуулдаг: Ангилал, цагийн цуваа, нууцлалын ухамсар.
• Анхны хувилбар: Банкны экспортыг импортлох (нийтэд нээлттэй хувилбарт жишээ эсвэл нэргүйжүүлсэн өгөгдөл ашигла), автоматаар ангилж, чиг хандлагыг харуул.
• Хэцүү хэсэг: Жинхэнэ санхүүгийн өгөгдлийг хэзээ ч нийтлэхгүй байх.

12. Жижиг бизнесийн KPI хянагч

• Харуулдаг: Бизнесийн хэрэгцээг хэмжүүр болгон хөрвүүлэх.
• Анхны хувилбар: Найзын дэлгүүр эсвэл клубт зориулсан: тэд үнэхээр асуудаг таван хэмжүүр, хүснэгтээс шинэчлэгддэг. Google Sheets-ийг аппдаа холбох нь холбоосыг тайлбарласан.
• Хэцүү хэсэг: Эзэнтэй хамт хэмжүүрээ сонгох, түүний оронд бус.

Дизайнерууд

13. Судалгаатай дахин дизайн

• Харуулдаг: Хэрэглэгчийн судалгаа, асуудлыг тодорхойлох, давтан сайжруулах.
• Анхны хувилбар: Орон нутгийн үйлчилгээний вэб сайт эсвэл аппын гурван хэрэглэгчтэй ярилцаж, нэг асуудлыг олж, засварыг зохиож туршина. Зөвхөн дэлгэц биш, олдворуудыг толилуул.
• Хэцүү хэсэг: Жинхэнэ хэрэглэгч олох. Гурван богино яриа хангалттай; үйлчлүүлэгчидтэй ярилцлага хэрхэн хийх вэ тусална.

14. Жижиг бүтээгдэхүүний дизайны систем

• Харуулдаг: Нэгдмэл байдал, компонентууд, баримтжуулалт.
• Анхны хувилбар: Өнгө, фонт, зай, төлөвтэй арван компонент, мөн тэдгээрийг ашиглаж буй амьд хуудас.
• Хэцүү хэсэг: Зөвхөн стикерийн хуудас биш, жинхэнэ бүтээгдэхүүнд харуулах.

15. Загвар биш, ажиллаж буй прототип

• Харуулдаг: Таны дизайн жинхэнэ өгөгдөлтэй хэрхэн ажилладагийг ойлгож буйг.
• Анхны хувилбар: Дизайн төслүүдийнхээ нэгийг ажиллаж буй вэб апп болгон бүтээ, хэдий жижиг ч. Mythex шиг AI апп бүтээгч таны тайлбарыг урьдчилан харах боломжтой ажиллаж буй апп болгож чадна, энэ нь жинхэнэ өгөгдөл, жинхэнэ хэрэглэгчидтэй туршиж болгодог.
• Хэцүү хэсэг: Өөрийн бүтээсэн зүйл болон хэрэгслийн үүсгэсэн зүйлийн талаар шударга байх.

Бүтээгдэхүүн ба код-гүй ажлын байрууд

16. Асуудлаас хөөргөх хүртэлх кейс судалгаа

• Харуулдаг: Нээлт, эрэмбэлэлт, хүргэлт.
• Анхны хувилбар: Таны оролцдог бүлэгт жижиг асуудал олж, нэг хуудасны тодорхойлолт бичээд, хамгийн энгийн засварыг бүтээж, хөөргөж, ашиглалтыг хэмжих. AI-р бүтээгдэхүүний шаардлагын баримт бичиг хэрхэн бичих вэ загвартай.
• Хэцүү хэсэг: Жинхэнэ зүйлийг хэмжих. «20 гишүүнээс 12 нь эхний долоо хоногт ашигласан» гэдэг ч үр дүн.

17. Хүснэгтийг сольсон дотоод хэрэгсэл

• Харуулдаг: Процессын сэтгэлгээ, өөрчлөлтийн удирдлага.
• Анхны хувилбар: Ажил, клуб, буяны байгууллагын эмх замбараагүй хуваалцсан хүснэгтийг энгийн апп болгож хувиргах. Хүснэгтийг аппад хэрхэн хөрвүүлэх вэ-ийг харна уу.
• Хэцүү хэсэг: Хүмүүсийг шилжүүлэх. Тэднийг шилжүүлэхийн тулд юу хийснээ бич.

18. Нийтийн дараагийн замтай санал хүсэлтийн портал

• Харуулдаг: Хэрэглэгчийн оролцоог цуглуулж, эрэмбэлэх.
• Анхны хувилбар: Хэрэглэгчид санаагаа илгээж, санал өгнө; та тэдгээрийг төлөвлөсөн, явагдаж буй, эсвэл дууссан гэж тэмдэглэнэ. Харилцагчийн санал хүсэлтийн портал хэрхэн бүтээх вэ-ийг харна уу.
• Хэцүү хэсэг: Олон нийтийн өмнө «үгүй» гэж хэлэх.

AI-д төвлөрсөн төслүүд

19. Нарийн нэг ажилд зориулсан AI хэрэгсэл

• Харуулдаг: Промптын загвар, зардлын ухамсар, муу гаралтыг зохицуулах.
• Анхны хувилбар: Нэг ажлыг сайн хийх, жишээлбэл жор худалдан авалтын жагсаалт болгох, хадгалсан үр дүнтэй, алдааг засах боломжтой. LLM API-г хэрхэн ашиглах вэ түлхүүр, зардлыг тайлбарласан.
• Хэцүү хэсэг: Үүнийг хэрхэн үнэлсэнээ харуулах: арван туршилтын оролт, хэдийг нь зөв гаргасан бэ.

20. Өөрийн баримт бичгүүдийн дээрх хайлт

• Харуулдаг: Олж авалт, хэсэглэх, эх сурвалжийг иш татах.
• Анхны хувилбар: Нийтийн баримт бичгүүдийн багцыг (клубийн дүрэм, тоглоомын гарын авлага) байршуулж, асуултад эх сурвалжийн хэсэгт холбоостой хариулт өг. RAG гэж юу вэ арга барилыг тайлбарласан.
• Хэцүү хэсэг: Хариулт баримт бичигт байхгүй үед үүнийг хүлээн зөвшөөрөх.

Төслөө хэрхэн дуусгаж, танилцуулах вэ

1. Эхлэхээсээ өмнө жинхэнэ хэрэглэгчээ сонго. Найз, клуб, хуучин ажил олгогч, өөрөө.
2. Хоёр долоо хоногт жижиг хувилбар хөөр, дараа нь хэрэглэгчийн хэлснээр сайжруул.
3. Кодоо Git-д байрлуул. AI бүтээгчээр эхэлсэн ч экспортло; AI-р бүтсэн аппад Git-ийг хэрхэн ашиглах вэ үзүүлсэн. (Mythex дээр код экспорт ба GitHub нь Pro төлөвлөгөөнд багтана.)
4. Кодоо уншаад ойлго. Хэрэв AI хэсгүүдийг бичсэн бол AI-р үүсгэсэн кодыг хэрхэн шалгах вэ ярилцлагад тайлбарлах түвшинд хүрэхэд тусална.
5. Бичвэрээ бич. Асуудал, хэрэглэгч, юу бүтээснээ, гол шийдвэрүүд, юу эвдэрснээ, цаашид юу вэ. Нэг хуудас.
6. Амьд байлгаарай. Эвдэрсэн демо холбоос байхгүйгээс дор. Мөр бүрийн өмнө холбоосуудаа шалга.

Аж ахуйн бус зорилготой илүү олон санааны төлөө AI-р бүтээж болох хажуугийн төслийн санаанууд эсвэл вэб аппын санаанууд-ыг үзнэ үү.

Асуултууд