heri risnanto
I (aim to) write pixel-perfect, good-performant, and accessible web user interfaces.
the journal.
What I learn, thought, and believe, are all that's worth writing about.
"Mau itu berhasil atau gagal, mudah atau sulit, senang atau sedih, suka atau engga, tetap aja di hari selanjutnya semua orang akan meneruskan usahanya, sampai tiba waktunya untuk berhenti".
Mempelajari desain UI/UX memang bukan hal yang wajib bagi seorang front-end developer, namun pemahaman tersebut akan sangat membantu dalam merealisasikan antarmuka aplikasi yang nyaman bagi pengguna.
Dengan menyiapkan sarapan untuk orang-orang terkasih, menjadi penjaga toko yang menebar senyum, atau menjadi kurir yang dinanti penerima paket pun, kita tetap bisa membuat dunia ini terus berputar, menuangkan kebahagiaan bagi orang lain, menghangatkan hati.
- browse more...
the work.
The positive impacts as a concrete output of my personal and professional development.
The front-end web development learning module includes HTML, CSS, JavaScript, accessibility (a11y), core web vitals, git, DOM, local storage, and the deployment process.
This was my first project as a web developer in the Koolab Studio team. One Fit Garage is a fitness center that offers various training classes and personal nutritionist consultation services.
Completely build the new version of Atourin's front-end website. Moving on from the old Laravel version into the new Nuxt 2 version.
- browse more...
the experience.
Undisclosed.
Skills:- Vue2
- Vue3
- Monorepo
- GraphQL
- Vuex
- Pinia
- Turborepo
- HTML5
- CSS3
- JavaScript
- TypeScript
Responsible for the overall web development process of each product development project. Transforming client requirements and UI/UX team design results into a final product.
Skills:- Web development
- Front-end development
- Vue
- Nuxt
- Core Web Vitals
- JAMstack
- Sanity
- GROQ
- Responsive Web Design
- Search Engine Optimization
- Accessibility
- Helped the team in the process of developing the new version of the Itinerary Creator feature until it was ready to be launched.
- Developed the feature page using Nuxt 2 (migrating & refactor the logic from the old version).
- Integrates the user flow that starts from the existing frontend web page to create or edit an itinerary until it is successfully published and can be viewed by the user who creates the itinerary or by other users who explore the itinerary list in the Atourin platform.
- Integrates the API communication with the backend to do the data transactions & visualizations.
Skills:- Front-end development
- HTML5
- CSS3
- JavaScript
- Vue2
- Nuxt2
- Vuex
- Bootstrap
- Responsive web design
- Mapbox
- Open Street Map
- Leaflet
Build the all-new version of the Atourin website front-end using Nuxt.js to replace the old Laravel-based front-end. It was successfully launched on March 2021 and continued to live until now.
Skills:- Front-end development
- HTML5
- CSS3
- JavaScript
- Vue2
- Nuxt2
- Vuex
- Core Web Vitals
- Bootstrap
- Responsive web design
I crafted the UI and defined the UX for each project together with the team. Starting with analyzing the brief from the client, market research, designing & create the mockup, and prototyping.
Skills:- User Interface design
- User Experience design
- Figma
- Web design
I started as a Front-end engineer intern for four months, then turned into a full-time employee until the end of the year. My responsibility was to build a new Atourin feature using Vue.js called Itinerary Creator.
Skills:- Front-end development
- HTML5
- CSS3
- JavaScript
- Vue
- Laravel
- Bootstrap
It was my first work experience right after graduating from high school. My responsibilities were to organize daily office needs, maintain the availability of office supplies & peripherals, mail handling, organize documents, etc.
Skills:- Front & back office support
- Mail handling
- Purchasing supplies
- Technical support
- Office administration
- Live events