Hi, my name is Ivan and I am JavaScript web developer from Osijek, Croatia.
I care about clean code and pixel perfect presentation. Until now I was member of an awesome web teams @DEPT, @AphixSoftware, @COBE and @MONO.
My current role is senior frontend developer @SoftwareSauna.
Feel free to check out my footprint on the web:
Git
HTML5
CSS3
JavaScript
WebPack
Gulp
React
Travis CI
AngularJS
Jest
Vue
MongoDB
NextJS
CouchDB
NodeJS
Butter CMS
Cypress
Typescript
Relief of the various exotic ways to handle the SVG icons in websites and projects that are based on modern JS frameworks like Vue and React. I have my own system of optimising and using icons the way it is sane and consistent so I made an npm package that I just can use in any new project without copy/pasting or reinventing the wheel. I also published the article of how I do it. You can check it out in the link below.
I decided to publish it as a component so I did everything by myself.
Typescript
Git
React
JavaScript
I was working on the projects for globally recognised company - so it comes with NDA. Projects are related to different brands and there was a lot of frontend work in nextjs with adding services, logic and presentational components. The goal of the project is ability of the company to quickly rollout the brand websites.
Working mostly in NextJS with some interaction with 3rd party API's that help us to get where we want to be with the project.
Typescript
NodeJS
MongoDB
Jest
WebPack
Git
React
JavaScript
CSS3
HTML5
NextJS
Another NDA project for the customer. Highly custom and distributable project for the 3rd parties. 3rd party should just call the library and initialise it on their website and the small app would do the rest. This project is very unique and it could help the client to raise awareness.
I was in charge of PoC that was made in Preact (which is very similar to React) and it could bundle the whole logic and representation in a single file. Challenge on this project was to keep the bundle small enough not to impact the sites they will be loaded on.
Getting rid of dependencies and isolating the styles (so they don't leak to the site which actually implemented the bundle) was another challenge that we solved really well.
Typescript
Git
React
JavaScript
WebPack
This is NDA project so everything I can say is that this website is interactive that works with a lot of third party API's. Data is presented and calculated in very easy to understand way, also there are some options to personalise the website experience.
Taking care of the whole frontend layer, also sometimes doing backend and resolving/communicating the issues with the DevOps team, writing new modules in some exotic programming language and adding new features to the existing website. Primarily worked with XML and Vue.js but also a lot of different technologies as this project was amalgamation of different tech stacks.
Typescript
Vue
Git
JavaScript
CSS3
HTML5
This app helps retail business owners to restock easier and faster. Works offline and is connected with ERP through Aphix platform.
Made with React and CouchDB for offline use. Imagine that you are in some underground cellar checking your stock and see that you have just one crate of the goods and you would like to order 5 more. You can do that over the internet but you don't have a signal! Open PocketShop, scan the barcode of the product, select the quantity and order. You can do that all over the place and once you get the stable connection, your order will be sent over internet.
I planned features together with small team of developers in order to ship this app. I also developed and tested some features on the app.
Typescript
WebPack
Git
React
JavaScript
CSS3
HTML5
Cypress
CouchDB
App that helps sales reps sell their products on the field, has offline capabilities and is fully connected with ERP such as Sage, Intact and SAP.
This project had a lot of legacy code that we cleaned up and refactored. I was frontend developer and worked with React on this project.
Typescript
Jest
React
CSS3
HTML5
JavaScript
Git
The goal of this project is to have list of projects I worked on and still am working on. Also to sum up technologies I have experience with.
I set up deploy process of the project on Netlify trough GitHub, made portfolio logic in React, pulled data from ButterCMS. Applied the minimalism styling.
Git
HTML5
CSS3
JavaScript
React
Butter CMS
Project is about dashboard where you can manage all the things considering video surveillance system.
Some of my responsibilities were to configure tslint, storybook, pre-commit hooks and various other configurations on the start of the project.
On this ReactJS app I was in charge of UI that is managed through styled components, but also managed and composed components in a way that helps other developers to plug in data and methods without deep dive in component structure.
I used Storybook library that helped other developers to see the look and feel of components as well as to see how component should be implemented.
I used Jest and Enzyme for unit testing and React test library for testing UI (styled components).
HTML5
CSS3
React
Git
WebPack
Jest
Typescript
I was part of the team that launched cobe.tech company website which was internal project. We switched our old website to static site generator GatsbyJS and connected it to Prismic headless CMS. Also some new functionalities were added such as blog, project calculator and job postings.
My role was to set up the project from scratch and to connect GatsbyJS with Prismic data.
HTML5
CSS3
JavaScript
React
Git
Admin panel is connected with REST API which is central point for smart product, admin panel and mobile apps. Admin panel is used to collect statistics about the product and also to manage content that is shown in mobile apps.
On this project I implemented UI and functionalities of an admin panel written in ReactJS. I set up this project from scratch and used Material-UI with JSS, implemented Flow for JavaScript types and added eslint.
HTML5
CSS3
JavaScript
React
Travis CI
Git
Client wanted to redesign its website, so our designer came with fresh and modern design to spice up the products and to elevate user experience. Website is written with Ruby on Rails and connected to Contentful headless CMS so I had to quickly analyze and learn how the website works as I never touched Ruby on Rails before.
I normalized existing CSS (SASS) and made changes according to the new design, also learned how Contentful works.
HTML5
CSS3
Git
I was part of an international team that launched cobeisfresh.com website for our company. There were several iterations of design, changes and lots of tweaks. It was internal project and we had time to refine all the things we needed.
My responsibility was to develop needed features in JavaScript, redo some templates in Handlebars and to style them in SASS according to design.
HTML5
CSS3
JavaScript
Travis CI
Git
I was part of the team for this internal app that we were working on when we had time for it. Good sync with backend and mobile app developers was necessary to finish this project successfully.
Admin panel codebase on this project was rather small when I joined the project but it was not flexible enough to implement new features that were requested and new design was completely different so I rewrote ReactJS admin panel with latest Material-UI, replaced SASS with JSS, added Flow library for JavaScript type checking, completely changed the structure of the project and then implemented new design and functionalities on the admin panel side of the project.
HTML5
CSS3
JavaScript
React
Travis CI
Git
I inherited this internal, ReactJS/Redux project and made needed changes in terms of adding new functionalities and features.
Biggest challenge was implementing Quill.js rich text formatting library with request to change and save different fonts on the same text, a Quill.js feature that was poorly documented at the time
HTML5
CSS3
JavaScript
React
Travis CI
Git
This app was imagined as part time jobs market where people would bid and negotiate the price of the job.
Part of the app I was in charge was admin panel that had a lot of things that could be managed in case of dispute and other various scenarios that could happen. Admin panel is written in React with help of Material-UI and various services like axios for communicating with NodeJS REST API.
HTML5
CSS3
JavaScript
React
Travis CI
Git
WebPack
Gulp
Web app as well as mobile apps were connected to the same backend, so people could order via mobile app while sitting in the coffee bar and waiter would know what he has to deliver and where.
I was part of the team that was in charge of UI and React part of the web app.
HTML5
CSS3
JavaScript
React
Git
WebPack
Local animal shelter mobile apps had animal adoption ads, news about different causes and events and some polls, info about taking care of animals. They needed dashboard to add and change that data as needed.
My part of the job was to adapt existing ReactJS codebase for new feature requests and added few new functionalities which required minor refactoring.
HTML5
CSS3
JavaScript
React
Git
Project gives insights in different construction metrics that help managers to evaluate certain construction. A lot of data in means of metrics, calculations and graphs.
Project first used SQL and later MongoDB and is written in AngularJS. CSS was processed through Stylus.
I was in charge of styling the app and designing new features. Project was inherited and I had big role in removing almost 60% of unnecessary CSS code. After surplus code was removed I shaved of additional 5-7% of duplicated code by refactoring whole CSS codebase.
HTML5
CSS3
Git
AngularJS
It is built to help people find appropriate information and advice related to divorce as well as some integrated tools that make their life easier trough divorce period.
My primary role was styling the app. We used SASS on this one as whole system was built with MonoX. Design was custom so we had to restyle the platform and to do some custom features that this app needed to improve overall UX.
HTML5
CSS3
Git
First meet Baasic, it covers all aspects of web and mobile app development. It provides a glimpse of future of Backend as a Service (BaaS) environments.
I was part of super awesome team that is working on starter kits for showing off Baasic features. I also wrote about using app website stater kit, how I implemented MDL into blog starter kit and how to modify blog starter kit to suit your needs.
My role in this project was making starter kits work with Baasic. It included writing AngularJS apps and implementing requests on Baasic API. Starter kits have screens for creating and editing content as well as delete option, so I had to handle it all.
I really had to mention that this was the project i learned how to use GulpJS properly. This resulted in small 'how to' guide that later became article.
I also designed one of the blog starter kits which was great experience for me where my colleagues designers thought me important lessons on design for screen as well as how to improve UX. Thanks guys, you rock!
HTML5
CSS3
JavaScript
Gulp
Git
AngularJS
This social network was aimed at increasing student exchange rate in local student organization of AIESEC. I made design and social network was built on top of wordpress and buddypress plugin that went through some heavy changes.
It took me a month to finish this project.
Even people used it to some degree, project went down soon after launch as student exchange strategy was changed inside out so we didn't had need for student exchange social network any more.
I did everything from branding, design, coding, optimizing to devOps that thing to the server. I learned a lot during that project, and even if it is not alive anymore, it is one of my first projects that I did alone and learned a lot of stuff along the way.
HTML5
CSS3
JavaScript