Kule porteføljer

• https://gregives.co.uk/ (bilde av fyren som byttes ut etter musebevegelser, slik at det ser ut som han ser på musepekeren!!)
• https://brittanychiang.com/ (et kult design som mange har stjålet koden til)
• https://lynnandtonic.com/
• https://lynnandtonic.com/archive/2020/
• https://ashleighsimonelli.co.uk/ (innovativt, koselig og terminal UI)
• https://pehaa.com/ (stilig typografi, stilig scroll-effect som gør alt skrått)
• https://arsalanshakil.github.io/ (stilig typografi, scroll styling)
• https://gherciu.github.io/portfolio/ (veldig levende desgin. innhold som virkelig popper frem. Nydelig design)
• https://danny-garcia.com/ (kul boblebakgrunn)
• https://sarah.dev/ (roseorigimai lignende greier som blir helt forvridd når man hoverer-over blomstene)
• https://www.ilithya.rocks/ (råstilig flygende 3d-tekst og 3d-objekter)
• https://jolienhoop.com/ (kul reaktiv bakgrunn!!!)
• https://www.dalelarroder.com/ (rå oppstilling av tekst, stilig mus-effekt i bakgrunnen)
• https://gabrielthecode.com/ (stilig bg med firkanter, skrå linjer. Unikt, men fortsatt oversiktlig. Men litt lang loading på siden)
• https://ahmedzougari.netlify.app/ (squiggly effect på profilbilde ved hover)
• https://vivek9patel.github.io/ (linux UI)
• https://www.abdusamad.uz/ (stilig navigasjon med ctrl + k)
• https://yodkwtf.com/ (skøy bg, oversiktlig og stilig)
• https://www.hafidziti.dev/ (fine inngangs-animasjoner på elementer, ikke for sakte, som mange av de andre animasjonene er)
• https://developer-portfolio-1hanzla100.vercel.app/ (helt rå animasjoner)
• https://harshgoel.me/ (steam hover card aktig-effekt på project cards)
• http://v1.kaisermann.me/ (arbeidspult UI)
• https://turnerj.com/ (fin gradient effect ved hover)
• https://garvnanwani.netlify.app/ (en fryd å se på. som å se i et magasin. fin typografi)
• https://nachocaiafa.com.ar/ (woooooooooooooooooooooooooooooooowww!!! Ser akkurat ut som en nettside for et spill eller noe)
• https://j471n.in/ (veldig fine inngangsanimasjoner, alt kommer sammen veldig pent)
• https://jayantgoel001.github.io/ (Ganske stilige inngangsanimasjoner. Har også en slags vtuber person? veldig unikt)
• https://moustapha.me/ (wooooooooooooow! animasjonene, designet, logoen)
• https://romanisthere.github.io/ (man tegner på bakgrunnen og det er et visittkort der som automatisk utfyller teksten sin)
• https://iantrent.com/
• https://karkipramesh.com.np/ (stilig bakgrunn av en wireframe-skjelett-3d-kule som roterer)
• https://jahir.dev/
• https://leewarrick.com/ (litt fine animasjoner)
• https://louayhamada.com/ (code editor UI)
• https://matteolobello.com/ (en sirkel som følger musepekeren, og når den komme rover lenker, så forvandles den til en firkant som markerer hele det lenkede ordet. Stilig, unikt)
• https://mayank0255.github.io/ (pent design. Godt håndtert scroll hijjacking)
• https://maramsaiharsha.netlify.app/ (litt gøy, bare)
• https://migu.es/ (elementer i designet popper fram)
• https://nicovanzyl.com/portfolio
• https://olepetterstokke.no/
• https://olaolu.dev/
• https://ogaston.com/ (flygeanimasjon på twitter-fuglen!!)
• https://bluexguardian.com/
• https://pazindushane.github.io/ (veldig proft utseende. UI og animasjoner spiller så godt sammen)
• https://priya180975.github.io/portfolio/ (kul minimalistisk stil, tør å bruke grid)
• https://www.juliacodes.com/
• http://danielsternlicht.com/
• https://www.pirhoo.com/
• https://evander.vercel.app/
• https://kuldar.com
• https://robertandradejr.dev/
• https://fossheim.io/

MEST UKONVENSJONELLE PORTEFØLJER

• https://lynnandtonic.com/ (viewport resizing zoomer inn og ut)
• https://mutuku.me/ (et digert bilde av et maleri pluss litt tekst under)
• https://moritzkornher.de/ (spesiell navigasjon verden ikke har sett maken til)
• Terminal-baserte porteføljer
  • https://ashleighsimonelli.co.uk/ (veldig bra utført)
  • https://lizlam.github.io/ (funker ikke å skrive noe, da)
• https://jayantgoel001.github.io/ (det er en V-tuber greie nede til venstre???)
• https://leonardoliveira.com/ (dameansikt i bakgrunnen. Når dyu er på en underside åpnes øynene hennes og pupillene følger musepekeren)
• https://sirlisko.com/ (et slags spill i header)
• https://www.banguismv.me/ (VELDIG unik navigasjon)
• https://jasonrubenste.in/
• https://bluexguardian.com/index.html
• http://danielsternlicht.com/
• https://www.youandigraphics.com/

Convert React Prop Types to TS type annotations

For filer i mappe hvis navn er "pages":

npx jscodeshift -t https://mskelton.dev/ratchet.ts pages/**/*.{ts,tsx}

https://github.com/mskelton/ratchet

funker ikke på destructured props, da

Prosjekt som bruker WSL? Hvordan bytte til Git Bash

Hvordan bytte fra wsl til git bash i et prosjekt

I et prosjekt hvor du allerede har installert npm modules med wsl er det litt tricky å gå over til git bash. Har opplevd det i hvert fall.

Her er et forsøk som funket, men det er sannsynigvis unødvendige steg her.

Hvorfor bytte? Vel... react-snap og bruk av chromium er visst ikke helt akseptert av WSL

WSL

1. npm cache verify
2. delete node_modules
3. npm cache clean --force

Git bash

1. npm rebuild
2. lukk VS Code og åpne som Admin
3. npm i
4. npm start

Og det funker! "React-scripts is not recognised" – no more!

https://coder-coder.com/npm-clear-cache/
https://stackoverflow.com/questions/47928735/react-scripts-is-not-recognized-as-an-internal-or-external-command

Finne prog med port

Eksempel

Scenario

Port er opptatt:

Git bash

$ docker-compose up -d
Creating network "lamp_default" with the default driver
Creating lamp_adminer_1 ...
Creating lamp-redis     ...
Creating lamp-database  ... error
Creating lamp_adminer_1 ... done
Creating lamp-redis     ... done
ccess a socket in a way forbidden by its access permissions.

ERROR: for database  Cannot start service database: Ports are not available: listen tcp 127.0.0.1:3306: bind: An attempt was made to access a socket in a way forbidden by its access permissions.
ERROR: Encountered errors while bringing up the project.

Finne hvillket program som bruker det

$ netstat -ano | findstr '3306'
  TCP    0.0.0.0:3306           0.0.0.0:0              LISTENING       5028
  TCP    [::]:3306              [::]:0                 LISTENING       5028

$ tasklist | findstr '5028'
mysqld.exe                    5028 Services                   0      4,144 K

Resultat

mysqld.exe

https://veerasundar.com/blog/2009/10/how-to-check-which-application-is-using-which-port/