20 ideja za projekte za portfolio koji pokazuju prave veštine

Najbolje ideje za projekte za portfolio rešavaju pravi problem za pravu osobu, jasno pokazuju jednu ili dve veštine i završene su: aktivne, dokumentovane i takve da se mogu objasniti. Recenzenti troše nekoliko minuta na jedan portfolio, pa radna aplikacija za pravog korisnika (sistem rezervacija za klub, pregled javnih podataka, redizajn zasnovan na istraživanju) pobeđuje još jedan klon poznatog proizvoda. Ispod je dvadeset ideja grupisanih po ulozi, svaka sa time šta pokazuje, prvom verzijom za izradu i iskrenim teškim delom.

Sve ovo radi kao web aplikacija ili sajt na koji možete da postavite link. Kada imate tri ili četiri, kako napraviti portfolio sajt pokriva kako da ih predstavite.

Šta jak projekat za portfolio ima

Front-end programeri

1. Demo biblioteke pristupačnih formi

• Pokazuje: semantički HTML, podršku za tastaturu, poruke o greškama, testiranje sa čitačem ekrana.
• Prva verzija: pet uobičajenih obrazaca forme (registracija, adresa, opseg datuma, otpremanje fajla, više koraka) pravilno urađenih, uz stranicu koja objašnjava svaki izbor za pristupačnost.
• Teški deo: testiranje sa pravim čitačem ekrana, a ne samo automatskom proverom. Kako učiniti sajt pristupačnim ima listu za proveru.

2. Ponovo napravljena stvarna stranica, pa poboljšana

• Pokazuje: raspored, responzivni dizajn, pažnju na detalje.
• Prva verzija: izaberite javnu stranicu sa jasnim problemom (zbunjujući raspored, pretrpan meni), napravite je ponovo, pa objavite verziju koja rešava problem, sa stanjem pre i posle.
• Teški deo: poštovanje. Koristite sopstveni tekst i slike, označite da je to koncept i ne kopirajte logotipe niti je predstavljajte kao rad kompanije.

3. Tabela sa mnogo podataka koja ostaje brza

• Pokazuje: performanse, sortiranje, filtriranje, paginaciju, stanja učitavanja.
• Prva verzija: tabela od 10.000+ redova iz javnog skupa podataka sa pretragom, filterima i sačuvanim prikazima.
• Teški deo: merenje. Pokažite vremena učitavanja pre i posle vaših izmena.

4. Aplikacija za liste zadataka koja radi i bez mreže

• Pokazuje: service workere, lokalno skladištenje, sinhronizaciju kada se vrati veza.
• Prva verzija: liste koje rade bez signala i sinhronizuju se kad se veza vrati. Nativne aplikacije naspram progresivnih web aplikacija objašnjava opcije.
• Teški deo: sukobi pri sinhronizaciji kada dva uređaja menjaju istu listu.

Full-stack i back-end programeri

5. Sistem rezervacija za pravi mali biznis

• Pokazuje: modelovanje podataka, prijavu, mejlove, vremenske zone, granične slučajeve.
• Prva verzija: usluge, dostupnost, rezervacije, mejlovi za potvrdu i admin prikaz. Graditelj rezervacija može da postavi osnove, pa se vi fokusirate na teška pravila.
• Može da zaradi: ako ga biznis koristi, malu mesečnu naknadu.
• Teški deo: dvostruke rezervacije i otkazivanja. Napišite kako ste ih sprečili.

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

• Pokazuje: autentifikaciju, dozvole, otpremanje fajlova, razmišljanje o bezbednosti.
• Prva verzija: klijenti se prijavljuju da vide samo svoje fajlove i poruke, a osoblje vidi sve. Pogledajte kako napraviti portal za klijente i graditelja portala.
• Teški deo: dokazati da jedan klijent ne može da vidi podatke drugog. Uključite svoje testove u opis.

7. Praćenje zaliha sa dnevnikom izmena

• Pokazuje: relacione podatke, tabele istorije, izveštaje.
• Prva verzija: artikli, kretanja zaliha, upozorenja za malo zaliha i dnevnik o tome ko šta menja. Krenite od graditelja za zalihe.
• Teški deo: da brojevi ostanu tačni kada dvoje ljudi istovremeno menjaju zalihe.

8. Javni API sa dokumentacijom

• Pokazuje: dizajn API-ja, validaciju, ograničenje broja zahteva, dokumentaciju.
• Prva verzija: mali API nad skupom podataka koji vam je važan, sa ključevima, ograničenjima i stranicom sa dokumentacijom. Kako napraviti REST API pokriva oblik.
• Teški deo: dobre poruke o greškama. To je ono što korisnici API-ja najviše primete.

9. Lanac 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 izveštaj mejlom kada završi. Pogledajte kako pokretati pozadinske poslove.
• Teški deo: otkazivanje. Pokažite šta se dešava kada posao padne na pola.

Podaci i analitika

10. Kontrolna tabla javnih podataka sa pitanjem

• Pokazuje: čišćenje podataka, biranje 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. Graditelj kontrolnih tabli rešava raspored.
• Teški deo: reći šta podaci ne pokazuju. Navedite praznine i ograničenja.

11. Analiza ličnih troškova

• Pokazuje: kategorizaciju, vremenske serije, svest o privatnosti.
• Prva verzija: uvezite izvod iz banke (u javnoj verziji koristite primer ili anonimizovane podatke), automatski kategorizujte i prikažite trendove.
• Teški deo: nikad ne objavljivati prave finansijske podatke.

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

• Pokazuje: prevođenje poslovnih potreba u metrike.
• Prva verzija: za prodavnicu ili klub prijatelja: pet metrika o kojima zaista pitaju, ažuriranih iz tabele. Kako povezati Google tabele sa aplikacijom pokriva vezu.
• Teški deo: birati metrike zajedno sa vlasnikom, a ne umesto njega.

Dizajneri

13. Redizajn zasnovan na istraživanju

• Pokazuje: istraživanje korisnika, formulisanje problema, iteracije.
• Prva verzija: intervjuišite tri korisnika sajta ili aplikacije lokalne usluge, pronađite jedan problem, osmislite i testirajte popravku. Predstavite nalaze, a ne samo ekrane.
• Teški deo: dobiti prave korisnike. Tri kratka razgovora su dovoljna; kako voditi intervjue sa kupcima pomaže.

14. Sistem dizajna za mali proizvod

• Pokazuje: doslednost, komponente, dokumentaciju.
• Prva verzija: boje, tipografija, razmaci, deset komponenti sa stanjima i živa stranica koja ih prikazuje u upotrebi.
• Teški deo: prikazati ga u pravom proizvodu, a ne samo na listu nalepnica.

15. Radni prototip, a ne samo makete

• Pokazuje: da razumete kako se dizajni ponašaju sa pravim podacima.
• Prva verzija: uzmite jedan od svojih dizajn projekata i napravite ga kao radnu web aplikaciju, makar malu. AI alat za pravljenje aplikacija poput Mythex-a može da pretvori vaš opis u radnu aplikaciju sa pregledom uživo, što vam omogućava da testirate sa pravim podacima i pravim korisnicima.
• Teški deo: 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: istraživanje, određivanje prioriteta, isporuku.
• Prva verzija: pronađite mali problem u grupi kojoj pripadate, napišite specifikaciju na jednoj strani, napravite najjednostavniju popravku, lansirajte je i izmerite korišćenje. Kako napisati dokument sa zahtevima za proizvod uz AI ima šablon.
• Teški deo: merenje bilo čega stvarnog. Čak je i „12 od 20 članova ju je koristilo u prvoj nedelji“ rezultat.

17. Interni alat koji zamenjuje tabelu

• Pokazuje: razmišljanje o procesu, upravljanje promenama.
• Prva verzija: pretvorite haotičnu deljenu tabelu na poslu, u klubu ili u humanitarnoj organizaciji u jednostavnu aplikaciju. Pogledajte kako pretvoriti tabelu u aplikaciju.
• Teški deo: naterati ljude da pređu. Napišite šta ste uradili da ih naterate.

18. Portal za povratne informacije sa javnom mapom puta

• Pokazuje: prikupljanje i određivanje prioriteta korisničkih predloga.
• Prva verzija: korisnici šalju i glasaju za ideje, a vi ih označavate kao planirano, u toku ili završeno. Pogledajte kako napraviti portal za povratne informacije klijenata.
• Teški deo: javno reći ne.

Projekti usmereni na AI

19. AI alat za jedan uzak zadatak

• Pokazuje: dizajn promptova, svest o troškovima, rukovanje lošim rezultatima.
• Prva verzija: jedan zadatak urađen dobro, na primer pretvaranje recepta u spisak za kupovinu, sa sačuvanim rezultatima i načinom za ispravku grešaka. Kako koristiti LLM API-je pokriva ključeve i troškove.
• Teški deo: pokazati kako ste ga proverili: deset test ulaza i koliko ih je tačno odgovorio.

20. Pretraga po vlastitim dokumentima

• Pokazuje: pronalaženje informacija, deljenje na delove, navođenje izvora.
• Prva verzija: otpremite skup javnih dokumenata (pravila kluba, uputstvo za igru) i odgovarajte na pitanja sa linkovima do pasusa izvora. Šta je RAG objašnjava pristup.
• Teški deo: priznati kada odgovora nema u dokumentima.

Kako završiti i predstaviti projekat

1. Izaberite pravog korisnika pre početka. Prijatelja, klub, bivšeg poslodavca, sebe.
2. Isporučite malu verziju za dve nedelje, pa je poboljšajte prema onome što korisnik kaže.
3. Stavite kod na Git. Čak i ako ste počeli u AI alatu za pravljenje aplikacija, izvezite ga; kako koristiti Git uz aplikaciju napravljenu AI-jem pokazuje kako. (Na Mythex-u su izvoz koda i GitHub u paketu Pro.)
4. Pročitajte i razumite kod. Ako je AI napisao delove, kako pregledati kod generisan AI-jem vam 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 se pokvarilo, šta je sledeće. Jedna strana.
6. Držite ga aktivnim. Neispravan link ka demou gori je od ikakvog. Proverite linkove pre svake prijave.

Za više ideja koje nisu namenjene poslodavcima pogledajte ideje za lične projekte koje možete napraviti uz AI ili ideje za web aplikacije.

Pitanja