Нақты дағдыларды көрсететін портфолио жобаларының 20 идеясы

Ең жақсы портфолио жобалары нақты адам үшін нақты мәселені шешеді, бір-екі дағдыны айқын көрсетеді және аяқталған: тірі, құжатталған және түсіндірілетін. Шолушылар портфолиоға бірнеше минут береді, сондықтан нақты пайдаланушы үшін жұмыс істейтін қолданба (клубтың брондау жүйесі, ашық деректердің дашборды, зерттеумен жасалған қайта дизайн) белгілі өнімнің тағы бір клонынан әлдеқайда жақсы. Төменде рөлдері бойынша топтастырылған жиырма идея бар, әрқайсысында не көрсетеді, қандай алғашқы нұсқа құру керек және шынайы қиын жағы көрсетілген.

Барлығы сілтеме жасауға болатын веб-қолданба немесе сайт ретінде жұмыс істейді. Үш-төртеуің болған соң, портфолио сайтын қалай құру керек оларды қалай көрсету керектігін түсіндіреді.

Күшті портфолио жобасында не болады

Фронтенд әзірлеушілері

1. Қолжетімді форма кітапханасының демосы

• Көрсетеді: Семантикалық HTML, пернетақтамен басқару, қате хабарламалары, экран оқу құралымен тестілеу.
• Алғашқы нұсқа: Бес жалпы форма үлгісі (тіркелу, мекенжай, күн аралығы, файл жүктеу, көп қадамды), дұрыс жасалған, әр қолжетімділік таңдауын түсіндіретін бетпен.
• Қиын жері: Автоматты тексеруші емес, нақты экран оқу құралымен тексеру. Сайтыңызды қолжетімді ету чеклист береді.

2. Нақты беттің қайта құрылуы, содан кейін жақсартылуы

• Көрсетеді: Макет, жауап беретін дизайн, мұқият қарау.
• Алғашқы нұсқа: Анық мәселесі бар жария бетті таңдаңыз (шатастыратын кесте, шатасқан мәзір), оны қайта құрыңыз, содан кейін мәселені шешетін нұсқаны алдын-кейін көрсетумен жариялаңыз.
• Қиын жері: Құрметтеу. Өз мәтініңіз бен суреттеріңізді қолданыңыз, оны концепт деп белгілеңіз, логотиптерді көшірмеңіз және оны компания жұмысы ретінде көрсетпеңіз.

3. Жылдам қалатын деректер кестесі

• Көрсетеді: Өнімділік, сұрыптау, сүзу, беттеу, жүктеу күйлері.
• Алғашқы нұсқа: Ашық деректер жиынынан 10 000+ жол, іздеу, сүзгілер және сақталған көріністермен кесте.
• Қиын жері: Өлшеу. Өзгерістеріңізге дейін және кейін жүктеу уақытын көрсетіңіз.

4. Офлайнда жұмыс істейтін тексеру тізімі қолданбасы

• Көрсетеді: Service worker, жергілікті сақтау, желі қайта қосылғанда синхрондау.
• Алғашқы нұсқа: Байланыссыз жұмыс істейтін және байланыс қайтқанда синхрондалатын тізімдер. Нативті және прогрессивті веб-қолданбалар нұсқалардың айырмасын түсіндіреді.
• Қиын жері: Екі құрылғы бір тізімді өңдегенде синхрондау қақтығыстары.

Full-stack және бэк-энд әзірлеушілері

5. Нақты шағын бизнеске арналған брондау жүйесі

• Көрсетеді: Деректерді модельдеу, кіру, электрондық пошта, уақыт белдеулері, шеткі жағдайлар.
• Алғашқы нұсқа: Қызметтер, қолжетімділік, брондаулар, растау хаттары және әкімші көрінісі. Брондау құрастырушысы негізін баптай алады, сонда сіз қиын ережелерге назар аудара аласыз.
• Табуы мүмкін: Бизнес оны қолданса, шағын айлық төлем.
• Қиын жері: Қос брондау және бас тарту. Оларды қалай болдырмағаныңызды жазыңыз.

6. Рөлдері бар көп пайдаланушылы клиент порталы

• Көрсетеді: Аутентификация, рұқсаттар, файл жүктеу, қауіпсіздікті ойлау.
• Алғашқы нұсқа: Клиенттер тек өз файлдары мен хабарламаларын көреді, қызметкерлер барлығын көреді. Клиент порталын қалай құру керек және портал құрастырушысы қараңыз.
• Қиын жері: Бір клиент басқаның деректерін көре алмайтынын дәлелдеу. Тесттеріңізді сипаттамаға қосыңыз.

7. Аудит журналы бар қойма трекері

• Көрсетеді: Реляциялық деректер, тарих кестелері, есептер.
• Алғашқы нұсқа: Тауарлар, қойма қозғалыстары, аз қалу ескертулері және кім нені өзгерткенін жазатын журнал. Қойма құрастырушысынан бастаңыз.
• Қиын жері: Екі адам қойманы бір уақытта жаңартқанда санды дұрыс ұстау.

8. Құжаты бар жария API

• Көрсетеді: API дизайны, валидация, сұраныс шектеулері, құжаттама.
• Алғашқы нұсқа: Сізге маңызды деректер жиынындағы шағын API, кілттер, шектеулер және құжаттама беті. REST API құру формасын көрсетеді.
• Қиын жері: Жақсы қате хабарламалары. API пайдаланушылары дәл соны ең жақсы байқайды.

9. Фондық жұмыс конвейері

• Көрсетеді: Кезекті, қайта әрекеттерді, жоспарланған жұмысты, бақылауды.
• Алғашқы нұсқа: CSV импорттайтын, оны фонда өңдейтін және аяқталғанда есепті электрондық поштаға жіберетін қолданба. Фондық жұмыстарды қалай іске қосу керек қараңыз.
• Қиын жері: Сәтсіздік. Жұмыс жартылай қате кеткенде не болатынын көрсетіңіз.

Деректер және аналитика

10. Сұрағы бар жария деректер дашборды

• Көрсетеді: Деректерді тазалау, диаграмма таңдау, оқиға айту.
• Алғашқы нұсқа: Бір ашық деректер жиыны, бір айқын сұрақ («Қай автобус бағыттары ең жиі кешігеді?»), үш диаграмма және жазбаша жауап. Дашборд құрастырушысы орналасуды өңдейді.
• Қиын жері: Деректердің нені көрсетпейтінін айту. Кемшіліктер мен шектеулерді атаңыз.

11. Жеке шығындарды талдау

• Көрсетеді: Санаттау, уақыт қатарлары, құпиялылық туралы хабардарлық.
• Алғашқы нұсқа: Банк экспортын импорттаңыз (жария нұсқада үлгі немесе анонимделген деректерді пайдаланыңыз), автоматты санатқа бөліңіз және тенденцияларды көрсетіңіз.
• Қиын жері: Нақты қаржылық деректерді ешқашан жарияламау.

12. Шағын бизнес KPI трекері

• Көрсетеді: Бизнес қажеттіліктерін метрикаларға аудару.
• Алғашқы нұсқа: Досыңыздың дүкені немесе клубы үшін: олар нақты сұрайтын бес метрика, электрондық кестеден жаңартылады. Google Sheets-ті қолданбаға қалай қосу керек байланысты түсіндіреді.
• Қиын жері: Метрикаларды иесімен бірге таңдау, оның орнына емес.

Дизайнерлер

13. Зерттеумен қайта дизайн

• Көрсетеді: Пайдаланушы зерттеуі, мәселені анықтау, қайталау.
• Алғашқы нұсқа: Жергілікті қызметтің сайты немесе қолданбасының үш пайдаланушысымен сөйлесіңіз, бір мәселені табыңыз, түзетуді жасап, сынаңыз. Экрандарды ғана емес, нәтижелерді көрсетіңіз.
• Қиын жері: Нақты пайдаланушыларды табу. Үш қысқа әңгіме жеткілікті; клиенттермен сұхбат қалай жүргізу керек көмектеседі.

14. Шағын өнімге арналған дизайн жүйесі

• Көрсетеді: Бірізділік, компоненттер, құжаттама.
• Алғашқы нұсқа: Түстер, қаріп, аралық, күйлері бар он компонент және оларды қолданатын тірі бет.
• Қиын жері: Оны тек стикерлер парағы емес, нақты өнімде көрсету.

15. Макеттер емес, жұмыс істейтін прототип

• Көрсетеді: Дизайндар нақты деректермен қалай әрекет ететінін түсінгеніңізді.
• Алғашқы нұсқа: Дизайн жобаларыңыздың бірін жұмыс істейтін веб-қолданба ретінде құрыңыз, тіпті шағын болса да. Mythex сияқты AI қолданба құрастырушы сипаттамаңызды тікелей алдын ала көрумен жұмыс істейтін қолданбаға айналдыра алады, бұл нақты деректермен және нақты пайдаланушылармен сынауға мүмкіндік береді.
• Қиын жері: Өзіңіз не құрғаныңызды және құрал не жасағанын адал айту.

Өнім және no-code рөлдері

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-мен құрастыруға болатын жеке жоба идеялары немесе веб-қолданба идеялары қараңыз.

Сұрақтар