20 ideja za projekte u portfoliju koje pokazuju stvarne vještine

Najbolje ideje za projekte u portfoliju rješavaju stvarni problem za stvarnu osobu, jasno pokazuju jednu ili dvije vještine i dovršene su: žive, dokumentirane i objašnjive. Recenzenti troše nekoliko minuta na jedan portfolio, pa radna aplikacija za stvarnog korisnika (sustav rezervacija za klub, nadzorna ploča javnih podataka, redizajn utemeljen na istraživanju) nadmašuje još jedan klon poznatog proizvoda. Ispod je dvadeset ideja grupiranih po ulozi, a svaka ima što pokazuje, prvu verziju za izradu i iskreno navedeni najteži dio.

Sve ovo radi kao web-aplikacija ili stranica na koju možete postaviti poveznicu. Kada imate tri ili četiri, kako izraditi web-stranicu portfolija pokazuje kako ih predstaviti.

Što snažan projekt u portfoliju ima

Front-end programeri

1. Demo dostupne knjižnice obrazaca

• Pokazuje: Semantički HTML, podršku za tipkovnicu, poruke o greškama, testiranje čitačem zaslona.
• Prva verzija: Pet uobičajenih obrazaca (registracija, adresa, raspon datuma, prijenos datoteke, višekoračni) izrađenih ispravno, uz stranicu koja objašnjava svaki izbor pristupačnosti.
• Najteži dio: Testiranje sa stvarnim čitačem zaslona, a ne samo automatskim provjerivačem. Kako učiniti web-stranicu pristupačnom sadrži popis za provjeru.

2. Ponovno izrađena stvarna stranica, pa poboljšana

• Pokazuje: Raspored, responzivni dizajn, pažnju na detalje.
• Prva verzija: Odaberite javnu stranicu s jasnim problemom (zbunjujući raspored, zatrpan izbornik), izradite je ponovno, pa objavite verziju koja rješava problem, s prikazom prije i poslije.
• Najteži dio: Poštovanje. Koristite vlastiti tekst i slike, označite to kao koncept i nemojte kopirati logotipe niti predstavljati to kao rad tvrtke.

3. Tablica s puno podataka koja ostaje brza

• Pokazuje: Performanse, sortiranje, filtriranje, paginaciju, stanja učitavanja.
• Prva verzija: Tablica od više od 10.000 redaka iz javnog skupa podataka s pretraživanjem, filtrima i spremljenim prikazima.
• Najteži dio: Mjerenje. Pokažite vremena učitavanja prije i poslije vaših promjena.

4. Popis zadataka prilagođen radu bez veze

• Pokazuje: Service workere, lokalnu pohranu, sinkronizaciju kada se veza vrati.
• Prva verzija: Popisi koji rade bez signala i sinkroniziraju se kada se veza vrati. Nativne aplikacije i progresivne web-aplikacije objašnjavaju opcije.
• Najteži dio: Sukobi pri sinkronizaciji kada dva uređaja uređuju isti popis.

Full-stack i back-end programeri

5. Sustav rezervacija za stvarnu malu tvrtku

• Pokazuje: Modeliranje podataka, prijavu, e-mailove, vremenske zone, rubne slučajeve.
• Prva verzija: Usluge, dostupnost, rezervacije, e-mailovi za potvrdu i prikaz za administratora. Graditelj rezervacija može postaviti osnove pa se možete usredotočiti na teška pravila.
• Mogao bi zarađivati: Ako tvrtka to koristi, malu mjesečnu naknadu.
• Najteži dio: Dvostruke rezervacije i otkazivanja. Napišite kako ste ih spriječili.

6. Višekorisnički portal za klijente s ulogama

• Pokazuje: Autentifikaciju, dopuštenja, prijenos datoteka, razmišljanje o sigurnosti.
• Prva verzija: Klijenti se prijavljuju da vide samo svoje datoteke i poruke; zaposlenici vide sve. Pogledajte kako izraditi portal za klijente i graditelj portala.
• Najteži dio: Dokazati da jedan klijent ne može vidjeti podatke drugoga. Uključite svoje testove u opis.

7. Praćenje zaliha s revizijskim dnevnikom

• Pokazuje: Relacijske podatke, tablice povijesti, izvještaje.
• Prva verzija: Artikli, kretanja zaliha, upozorenja za niske zalihe i dnevnik tko je što promijenio. Krenite od graditelja zaliha.
• Najteži dio: Točnost brojanja kada dvoje ljudi istovremeno ažurira zalihe.

8. Javni API s dokumentacijom

• Pokazuje: Dizajn API-ja, validaciju, ograničavanje učestalosti zahtjeva, dokumentaciju.
• Prva verzija: Mali API nad skupom podataka koji vam je važan, s ključevima, ograničenjima i stranicom dokumentacije. Kako izraditi REST API pokriva oblik.
• Najteži dio: Dobre poruke o greškama. Korisnici API-ja najviše primjećuju upravo njih.

9. Cjevovod pozadinskih poslova

• Pokazuje: Redove, ponovne pokušaje, zakazani rad, praćenje.
• Prva verzija: Aplikacija koja uvozi CSV, obrađuje ga u pozadini i šalje izvještaj e-mailom kada završi. Pogledajte kako pokretati pozadinske poslove.
• Najteži dio: Neuspjeh. Pokažite što se događa kada posao padne na pola puta.

Podaci i analitika

10. Javna nadzorna ploča podataka s pitanjem

• Pokazuje: Čišćenje podataka, odabir grafikona, pričanje priče.
• Prva verzija: Jedan javni skup podataka, jedno jasno pitanje („Koje autobusne linije najčešće kasne?“), tri grafikona i napisani odgovor. Graditelj nadzornih ploča rješava raspored.
• Najteži dio: Reći što podaci ne pokazuju. Navedite praznine i ograničenja.

11. Analiza osobnih troškova

• Pokazuje: Kategorizaciju, vremenske nizove, osviještenost o privatnosti.
• Prva verzija: Uvezite izvoz iz banke (u javnoj verziji koristite primjerene ili anonimizirane podatke), automatski kategorizirajte i prikažite trendove.
• Najteži dio: Nikada ne objavljivati stvarne financijske podatke.

12. Praćenje ključnih pokazatelja za malu tvrtku

• Pokazuje: Prevođenje poslovnih potreba u metrike.
• Prva verzija: Za nečiju prodavaonicu ili klub: pet metrika koje stvarno traže, ažuriranih iz proračunske tablice. Kako povezati Google Sheets s vašom aplikacijom pokriva vezu.
• Najteži dio: Birati metrike s vlasnikom, a ne za njega.

Dizajneri

13. Redizajn utemeljen na istraživanju

• Pokazuje: Korisničko istraživanje, uokvirivanje problema, iteracije.
• Prva verzija: Intervjuirajte tri korisnika stranice ili aplikacije lokalne usluge, pronađite jedan problem, dizajnirajte i testirajte popravak. Predstavite nalaze, a ne samo ekrane.
• Najteži dio: Pronaći stvarne korisnike. Tri kratka razgovora su dovoljna; kako provesti intervjue s kupcima pomaže.

14. Sustav dizajna za mali proizvod

• Pokazuje: Dosljednost, komponente, dokumentaciju.
• Prva verzija: Boje, tipografija, razmaci, deset komponenti sa stanjima i živa stranica koja ih prikazuje u upotrebi.
• Najteži dio: Prikazati ga u stvarnom proizvodu, a ne samo kao uzorak.

15. Radni prototip, a ne samo makete

• Pokazuje: Da razumijete kako se dizajni ponašaju sa stvarnim podacima.
• Prva verzija: Uzmite jedan od svojih dizajnerskih projekata i izradite ga kao radnu web-aplikaciju, makar malu. AI alat za izradu aplikacija poput Mythexa može vaš opis pretvoriti u radnu aplikaciju s pregledom uživo, što vam omogućuje testiranje sa stvarnim podacima i stvarnim korisnicima.
• Najteži dio: Biti iskren o tome što ste sami izradili, a što je generirao alat.

Produktne uloge i uloge bez koda

16. Studija slučaja od problema do lansiranja

• Pokazuje: Istraživanje, određivanje prioriteta, isporuku.
• Prva verzija: Pronađite mali problem u grupi kojoj pripadate, napišite specifikaciju na jednoj stranici, izradite najjednostavniju popravku, lansirajte je i izmjerite korištenje. Kako napisati dokument s zahtjevima za proizvod uz AI ima predložak.
• Najteži dio: Mjeriti nešto stvarno. Čak je i „12 od 20 članova ga je koristilo u prvom tjednu“ rezultat.

17. Interni alat koji zamjenjuje proračunsku tablicu

• Pokazuje: Razmišljanje o procesima, upravljanje promjenama.
• Prva verzija: Pretvorite neurednu zajedničku proračunsku tablicu na poslu, u klubu ili udruzi u jednostavnu aplikaciju. Pogledajte kako pretvoriti proračunsku tablicu u aplikaciju.
• Najteži dio: Natjerati ljude da pređu. Napišite što ste učinili da ih na to potaknete.

18. Portal za povratne informacije s javnom mapom razvoja

• Pokazuje: Prikupljanje i određivanje prioriteta korisničkog unosa.
• Prva verzija: Korisnici predlažu i glasaju za ideje; vi ih označavate kao planirane, u tijeku ili završene. Pogledajte kako izraditi portal za povratne informacije kupaca.
• Najteži dio: Javno reći ne.

Projekti usmjereni na AI

19. AI alat za jedan uski zadatak

• Pokazuje: Dizajn upita, svijest o troškovima, rukovanje lošim izlazom.
• Prva verzija: Jedan zadatak dobro odrađen, poput pretvaranja recepta u popis za kupovinu, sa spremljenim rezultatima i načinom ispravljanja pogrešaka. Kako koristiti LLM API-je pokriva ključeve i troškove.
• Najteži dio: Pokazati kako ste ga evaluirali: deset ulaza za testiranje i koliko ih je točno odgovorio.

20. Pretraga po vlastitim dokumentima

• Pokazuje: Dohvaćanje, dijeljenje na dijelove, citiranje izvora.
• Prva verzija: Prenesite skup javnih dokumenata (pravila kluba, priručnik za igru) i odgovarajte na pitanja s poveznicama na izvorni odlomak. Što je RAG objašnjava pristup.
• Najteži dio: Priznati kada odgovora nema u dokumentima.

Kako dovršiti i predstaviti projekt

1. Odaberite stvarnog korisnika prije početka. Prijatelja, klub, bivšeg poslodavca, sebe.
2. Isporučite malu verziju u dva tjedna, zatim je poboljšajte prema onome što korisnik kaže.
3. Stavite kod u Git. Čak i ako ste počeli u AI alatu za izradu, izvezite ga; kako koristiti Git s aplikacijom izrađenom uz AI pokazuje kako. (Na Mythexu su izvoz koda i GitHub dostupni u paketu Pro.)
4. Pročitajte i razumijte kod. Ako je AI napisao dijelove, kako pregledati kod generiran AI-jem pomaže da dođete do točke u kojoj ga možete objasniti na razgovoru za posao.
5. Napišite opis. Problem, korisnik, što ste izradili, ključne odluke, što se pokvarilo, što slijedi. Jedna stranica.
6. Držite ga živim. Pokvarena demo-poveznica gora je od nikakve. Provjerite poveznice prije svake prijave.

Za više ideja koje nisu usmjerene na poslodavce pogledajte ideje za sporedne projekte koje možete izraditi uz AI ili ideje za web-aplikacije.

Pitanja