20 ideja za portfolio projekte koji pokazuju prave vještine

Najbolje ideje za portfolio projekte rješavaju stvarni problem za stvarnu osobu, jasno pokazuju jednu ili dvije vještine i završene su: žive, dokumentovane i objašnjive. Recenzenti za svaki portfolio odvoje nekoliko minuta, pa funkcionalna aplikacija za stvarnog korisnika (sistem za rezervacije jednog kluba, nadzorna tabla javnih podataka, redizajn zasnovan na istraživanju) pobjeđuje još jedan klon poznatog proizvoda. Ispod je dvadeset ideja grupisanih po ulozi, sa svakom navedenim što pokazuje, prvom verzijom za izradu i iskrenim teškim dijelom.

Sve ovo radi kao web aplikacija ili sajt na koji možete staviti link. Kad imate tri ili četiri, kako napraviti portfolio sajt objašnjava kako ih predstaviti.

Šta jak portfolio projekat ima

Front-end developeri

1. Demo biblioteke pristupačnih obrazaca

• Pokazuje: semantički HTML, podršku za tastaturu, poruke o greškama, testiranje sa čitačem ekrana.
• Prva verzija: Pet uobičajenih obrazaca za formu (registracija, adresa, raspon datuma, upload fajla, više koraka) pravilno napravljenih, uz stranicu koja objašnjava svaki izbor pristupačnosti.
• Teži dio: Testiranje stvarnim čitačem ekrana, a ne samo automatskom provjerom. Kako napraviti pristupačan sajt ima listu za provjeru.

2. Ponovo napravljena stvarna stranica, pa poboljšana

• Pokazuje: raspored, responzivni dizajn, pažnju na detalje.
• Prva verzija: Izaberite javnu stranicu s jasnim problemom (zbunjujući raspored, zatrpan meni), ponovo je napravite, zatim objavite verziju koja rješava problem, uz prije i poslije.
• Teži dio: Poštovanje. Koristite svoj tekst i slike, označite to kao koncept i ne kopirajte logotipe niti to predstavljajte kao rad same kompanije.

3. Tabela s puno podataka koja ostaje brza

• Pokazuje: performanse, sortiranje, filtriranje, paginaciju, stanja učitavanja.
• Prva verzija: Tabela s više od 10.000 redova iz javnog skupa podataka s pretragom, filterima i sačuvanim prikazima.
• Teži dio: Mjerenje. Pokažite vremena učitavanja prije i poslije vaših izmjena.

4. Aplikacija s listama koja radi offline

• Pokazuje: service workere, lokalno skladište, sinhronizaciju kad se veza vrati.
• Prva verzija: Liste koje rade bez signala i sinhronizuju se kad se veza vrati. Native aplikacije naspram progresivnih web aplikacija objašnjava opcije.
• Teži dio: Konflikti pri sinhronizaciji kad dva uređaja mijenjaju istu listu.

Full-stack i back-end developeri

5. Sistem za rezervacije za pravi mali biznis

• Pokazuje: modeliranje podataka, prijavu, emailove, vremenske zone, granične slučajeve.
• Prva verzija: Usluge, dostupnost, rezervacije, emailovi za potvrdu i prikaz za administratora. Alat za rezervacije može postaviti osnove, pa se možete fokusirati na teška pravila.
• Može zaraditi: Ako ga biznis koristi, malu mjesečnu naknadu.
• Teži dio: Dvostruke rezervacije i otkazivanja. Napišite kako ste ih spriječili.

6. Portal za klijente s više korisnika i ulogama

• Pokazuje: autentifikaciju, dozvole, upload fajlova, razmišljanje o bezbjednosti.
• Prva verzija: Klijenti se prijavljuju da vide samo svoje fajlove i poruke; osoblje vidi sve. Pogledajte kako napraviti portal za klijente i alat za portal.
• Teži dio: Dokazati da jedan klijent ne može vidjeti podatke drugog. Uključite svoje testove u opis.

7. Praćenje zaliha s revizijskim zapisnikom

• Pokazuje: relacione podatke, tabele historije, izvještaje.
• Prva verzija: Artikli, kretanja zaliha, upozorenja za niske zalihe i zapisnik o tome ko je šta promijenio. Počnite od alata za zalihe.
• Teži dio: Održavanje tačnih stanja kad dvije osobe istovremeno ažuriraju zalihe.

8. Javni API s dokumentacijom

• Pokazuje: dizajn API-ja, validaciju, ograničenje broja zahtjeva, dokumentaciju.
• Prva verzija: Mali API nad skupom podataka koji vam je važan, s ključevima, limitima i stranicom s dokumentacijom. Kako napraviti REST API pokriva strukturu.
• Teži dio: Dobre poruke o greškama. Korisnici API-ja najviše primjećuju upravo njih.

9. Cjevovod pozadinskih poslova

• Pokazuje: redove čekanja, ponovne pokušaje, zakazani rad, praćenje.
• Prva verzija: Aplikacija koja uvozi CSV, obrađuje ga u pozadini i šalje izvještaj emailom kad završi. Pogledajte kako pokrenuti pozadinske poslove.
• Teži dio: Neuspjeh. Pokažite šta se dešava kad posao pukne na pola.

Podaci i analitika

10. Javna nadzorna tabla podataka s pitanjem

• Pokazuje: čišćenje podataka, izbor grafikona, pričanje priče.
• Prva verzija: Jedan javni skup podataka, jedno jasno pitanje („Koje autobuske linije najčešće kasne?“), tri grafikona i napisan odgovor. Alat za nadzorne table rješava raspored.
• Teži dio: Reći šta podaci ne pokazuju. Navedite praznine i ograničenja.

11. Analiza ličnih troškova

• Pokazuje: kategorizaciju, vremenske serije, svijest o privatnosti.
• Prva verzija: Uvezite izvod iz banke (u javnoj verziji koristite primjer ili anonimizovane podatke), automatski kategorizujte i prikažite trendove.
• Teži dio: Nikad ne objavljivati stvarne finansijske podatke.

12. Praćenje ključnih pokazatelja za mali biznis

• Pokazuje: pretvaranje poslovnih potreba u metrike.
• Prva verzija: Za prodavnicu ili klub prijatelja: pet metrika koje oni zaista traže, ažuriranih iz tabele. Kako povezati Google Sheets s aplikacijom pokriva vezu.
• Teži dio: Birati metrike zajedno s vlasnikom, a ne umjesto njega.

Dizajneri

13. Redizajn zasnovan na istraživanju

• Pokazuje: istraživanje korisnika, definisanje problema, iteracije.
• Prva verzija: Intervjuišite troje korisnika sajta ili aplikacije lokalne usluge, pronađite jedan problem, osmislite i testirajte popravku. Predstavite nalaze, a ne samo ekrane.
• Teži dio: Pronaći prave korisnike. Tri kratka razgovora su dovoljna; kako voditi intervjue s kupcima pomaže.

14. Sistem 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.
• Teži dio: Prikazati ga u stvarnom proizvodu, a ne samo kao uzorak.

15. Radni prototip, a ne samo makete

• Pokazuje: da razumijete kako se dizajn ponaša s pravim podacima.
• Prva verzija: Uzmite jedan od svojih dizajn projekata i napravite ga kao radnu web aplikaciju, makar malu. AI alat za pravljenje aplikacija kao Mythex može pretvoriti vaš opis u radnu aplikaciju s live pregledom, što vam omogućava da testirate s pravim podacima i pravim korisnicima.
• Teži dio: Biti iskren o tome šta ste sami napravili, a šta je generisao alat.

Uloge za proizvod i no-code

16. Studija slučaja od problema do lansiranja

• Pokazuje: otkrivanje problema, određivanje prioriteta, isporuku.
• Prva verzija: Pronađite mali problem u grupi kojoj pripadate, napišite specifikaciju na jednoj stranici, napravite najjednostavnije rješenje, lansirajte ga i izmjerite korištenje. Kako napisati dokument sa zahtjevima za proizvod uz AI sadrži šablon.
• Teži dio: Izmjeriti bilo šta stvarno. Čak je i „12 od 20 članova ga koristilo u prvoj sedmici“ rezultat.

17. Interni alat koji zamjenjuje tabelu

• Pokazuje: razmišljanje o procesima, upravljanje promjenama.
• Prva verzija: Pretvorite neurednu zajedničku tabelu na poslu, u klubu ili u humanitarnoj organizaciji u jednostavnu aplikaciju. Pogledajte kako pretvoriti tabelu u aplikaciju.
• Teži dio: Natjerati ljude da pređu. Napišite šta ste uradili da ih u tome uvjerite.

18. Portal za povratne informacije s javnom mapom razvoja

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

Projekti usmjereni na AI

19. AI alat za jedan uzak zadatak

• Pokazuje: dizajn promptova, svijest o troškovima, rukovanje lošim izlazom.
• Prva verzija: Jedan zadatak dobro urađen, na primjer pretvaranje recepta u listu za kupovinu, sa sačuvanim rezultatima i načinom da se ispravljaju greške. Kako koristiti LLM API-je pokriva ključeve i troškove.
• Teži dio: Pokazati kako ste ga procijenili: deset ulaza za testiranje i koliko ih je tačno obradio.

20. Pretraga po vlastitim dokumentima

• Pokazuje: pronalaženje informacija, podjelu na dijelove, citiranje izvora.
• Prva verzija: Učitajte skup javnih dokumenata (pravila kluba, uputstvo za igru) i odgovarajte na pitanja s linkovima na izvorni pasus. Šta je RAG objašnjava pristup.
• Teži dio: Priznati kad odgovora nema u dokumentima.

Kako završiti i predstaviti projekat

1. Izaberite stvarnog korisnika prije nego što počnete. Prijatelja, klub, bivšeg poslodavca, sebe.
2. Isporučite malu verziju za dvije sedmice, pa je poboljšajte na osnovu onoga što korisnik kaže.
3. Stavite kod u Git. Čak i ako ste počeli u AI alatu za izgradnju, izvezite ga; kako koristiti Git s aplikacijom napravljenom uz AI pokazuje kako. (Na Mythexu su izvoz koda i GitHub dostupni u Pro planu.)
4. Pročitajte i razumijte kod. Ako je AI napisao dijelove, kako pregledati kod generisan AI-jem pomaže da dođete do tačke u kojoj ga možete objasniti na razgovoru.
5. Napišite opis. Problem, korisnik, šta ste napravili, ključne odluke, šta je puklo, šta slijedi. Jedna stranica.
6. Održavajte ga živim. Neispravan demo link je gori od nijednog. Provjerite linkove prije svake prijave.

Za više ideja koje nisu namijenjene poslodavcima, pogledajte ideje za sporedne projekte koje možete napraviti uz AI ili ideje za web aplikacije.

Pitanja