Hi, my name is Ivan and I am web developer living in Drogheda, Ireland.
I care about clean code and pixel perfect presentation. Until now I was member of an awesome web teams @COBEisTech and @MONO. Currently working as web developer @AphixSoftware.
Feel free to check out my footprint on the web:
Git
HTML5
CSS3
JavaScript
WebPack
Gulp
React
AngularJS
Vue
Butter CMS
TypeScript
Travis CI
Jest
MongoDB
NodeJS
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 trough 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
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
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
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 trough 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
This app will be used to track everyday expenses and to analyze what can you improve to optimize your money spending abilities. It will include all kind of expenses including utilities and rent. You will be able to compare your monthly expenses in whole and by categories (groceries, gifts, water, electricity...).
This is one of my side projects I plan to make and release.
Whole project will be designed and coded by me including ideas and features included. I will link it here when it comes out, also will provide insight in code as this is not imagined to be commercial project.
HTML5
CSS3
JavaScript
React
Travis CI
Git
WebPack
Jest
This will be searchable online database with extensive data sets, aimed at specific group of gamers. This project is simple and it really puzzles me why something like that doesn't already exists.
This is first time that I am making NodeJS backend (and MongoDB as well). App will be partially Open Sourced as it will connect to NodeJS backend (i plan to make REST API that will be available to use).
Designer, Front end Developer, Back end Developer. My duty is to brand the app, make design for it, write code and connect its business logic to back end REST API which I will also write. This is my first try to be full stack developer + designer.
HTML5
CSS3
JavaScript
React
Travis CI
Git
WebPack
Jest
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