Szalai Gábor

Front-End Fejlesztő

Rólam

profile picture

Front-end fejlesztéssel foglalkozom, főleg modern technológiákkal, mint a React, Next.js és Tailwind. Saját projekteken és csapatmunkákban szereztem tapasztalatot, ahol nemcsak a kódolás, hanem a problémamegoldás és az együttműködés is kulcsszerepet kapott. Junior fejlesztőként folyamatosan bővítem a tudásom, szeretek új dolgokat tanulni, legyen szó technológiákról vagy munkafolyamatokról. Fontosnak tartom a letisztult megoldásokat, a részletekre figyelést és azt, hogy a kód ne csak működjön, hanem átlátható is legyen.

Nézd meg az önéletrajzom

Technológiák

Frontend fejlesztés

  • HTML
  • CSS
  • Bootstrap
  • Tailwind CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Jest
  • Storybook

Backend és adatbázisok

  • Node.js
  • Express
  • Pug
  • HandleBars
  • MongoDB
  • PayloadCMS
  • Firebase

Tervezés és prototípus készítés

  • Figma
  • AdobeXd

Eszközök és munkafolyamatok

  • Git
  • GitHub
  • Notion
  • Bash
  • npm
  • Postman
  • Visual Studio Code

Tárhely és üzemeltetés

  • DigitalOcean

Projektek

Frontender

Image of Frontender project - Next.js | PayloadCMS | Tailwind | TypeScript -

Frontend kurzusokat tartalmazó oldal. A felhasználó regisztrálhat, majd előfizethet kurzusokra, amik szöveges-képes és videós tartalmakat is magukba foglalnak. Az oldal fejlesztés alatt áll, a mentorommal dolgozunk rajta. Ez a korábbiakhoz képest jóval nagyobb és komplexebb projekt, valamint ezen dolgoztam együtt valakivel először (story-k Notion-ben és pull requestek Github-on). Néhány bonyolultabb story, amiket én írtam: elfelejtett jelszó kezelése, kurzus navigáció mobil nézeten, eseménynaptár, különféle szöveges és képes blockok, bug javítások.
(A kód privát GitHub tárban van.)


Blog Admin Felülettel

Image of Blog with admin panel project - React | Firebase -

Blog, aminek a tulajdonosa egy admin felületre regisztrálva, majd belépve szerkesztheti a tartalmat. Firebase-ben korlátozva van a felhasználók száma. Ezen a projekten írtam először saját autentikációt és foglalkoztam lapozhatósággal. Jelenleg egy blog bejegyzéshez csak egy képet lehet feltölteni. Több kép feltöltésével és a tartalom HTML-ben való megadása helyett egy szövegszerkesztővel lehetne bővíteni az alkalmazást.


Notebook

Image of Notebook project - Express | Handlebars | MongoDB | Materialize | DigitalOcean -

Full stack alkalmazás jegyzetelésre saját domain névvel és SSL certifikációval. A Google API használata az autentikációhoz és a DigitalOcean-ön való hostolás megoldása jelentették a legnyagyobb kihívást a fejlesztés során.


Személyes weboldal

Image of personal website - Bootstrap -

Az oldal lényegében velem együtt fejlődik. Tartalmaz minden projektet, amit tanulás közben készítettem és egy blogot is vezetek a folyamatról.

Weboldalak készítése mellett programozó feladatokat is gyakorlok

A Codewars profilom:

Codewars banner for the user: Vellyus