Horváth Máté

Frontend Fejlesztő · React · TypeScript

Vissza a projektekhez

Esettanulmány

Építész Portfólió Sablon

Egy újrafelhasználható portfólió sablon építészek és dizájnerek számára, letisztult elrendezéssel és kép-központú galériával.

SzerepSaját projekt
ReactVanilla CSSNext.jsLocalStorage
Építész Portfólió Sablon

Áttekintés

Az Architect Portfolio egy sablon jellegű saját projekt: egy portfólió weboldal olyan építészeknek és dizájnereknek, akiknek letisztult módra van szükségük a munkáik bemutatásához. React-tel és Next.js-szel épült, a stílusokat pedig sima CSS-sel írtam, hogy a kódbázis könnyű és egyszerűen testreszabható maradjon.

A fókusz azon volt, hogy a galéria legyen az élmény középpontja, miközben az oldal többi része elég egyszerű maradjon ahhoz, hogy más is nyugodtan lefork-olja és átstílusozza a saját portfóliójához.

Legfontosabb Funkciók

Kép-központú galéria elrendezés a projektmunkák bemutatásához
Kézzel írt CSS keretrendszer helyett, a teljes kontroll és a kisebb méret érdekében
LocalStorage a könnyű, backend nélküli testreszabáshoz és perzisztenciához
Úgy felépítve, hogy könnyen lefork-olható és átstílusozható legyen más dizájner portfóliójához

Kihívások és Megoldások

Stílusozás CSS keretrendszer nélkül

A Tailwind helyett sima CSS-ben megírt stílusozás azt jelentette, hogy egy kis dizájnrendszert kézzel kellett felépítenem: a térközöket, a tipográfiát és a reszponzív töréspontokat manuálisan kellett meghatároznom és konzisztensen tartanom.

Egy galéria-központú oldal gyorssá tétele

Mivel a képek a fő tartalom, a reszponzív képméretezésre és olyan elrendezési döntésekre fókuszáltam, amelyek backend vagy CMS nélkül is gördülékennyé teszik a galériát.

Építész Portfólió Sablon | Máté Horváth | Máté Horváth