Portfolio
Commercial Projects
Technologies used:
- HTML5
- CSS
- Vue 3
- Pinia
- GIT
- JIRA
- Vite
- Vercel
V Resume Builder
V Resume Builder
Create your CV Professionally in easy step by step process
- UI Design
- Architecture
- PDF and DOC file generator
- Multiple Languages
Arizona Lottery!
Lottery website/games
- Lottery web app
- Worked with TypeScript
- SCRUM with 2 weeks long sprints
- Worked in team of 6 people
- Worked on
- Fixed bugs, worked on interface of web app
- Performing code reviews on pull requests
- Using GIT for version control
Technologies used:
- HTML5
- SCSS
- JavaScript
- React
- React Native
- TypeScript
- Git
- TailWind
Technologies used:
- HTML5
- CSS
- Backbone
- Microfrontend
- Knockout.js
- DotCMS
- GIT
- JIRA
- Webpack
- Jasmine
- Gulp
Loteries De Catalynia
Lottery Web Games
Complex single page web application and site with many lottery based games written in JavaScript
- Working on lottery web app
- Working in team of 10+ people
- Working under SCRUM methodology
- Microfrontend
- Using GIT as version control
- Working with Knockout.js, Backbone.js, Node.js, Docker, NPM.
- Working with BEM SCSS
- Writing unit tests in jasmine.js
- Using webpack and gulp
- Jira, dotCMS
- Working on https://www.loteriesdecatalunya.cat/
Welcome to Guide prescriber support!
Guide Prescriber Support helps healthcare professionals when prescribing assistive devices in healthcare. Guide contains a wide range of services for healthcare organizations that have the goal of increasing the quality of care. With Guide, it is easy to select the right product and you get help with prescription, follow-up and documentation
- Working in Agile team of 6 people
- Creating reusable components in Vue.js
- Testing Vue.js components with Jest
- Performing weekly code reviews
- Working with REST API
- Translating business logic and requirements on Confluence to code
- Converting designs from Zeppelin to working and fully functional web pages
- Using Vuex for state management.
- Using Vue router, Axio, Vuelidate and many other Vue plugins.
- Using SCSS(Mixins, variables, functions etc). Focused on Flex based layouts.
- Using Mercurial for version control
- Worked on https://new-guide.onemed.com/ flagship product
Technologies used:
- HTML5
- SCSS
- JavaScript
- Vue.js
- Vuex
- Jest
- Docker
Technologies used:
- HTML5
- SCSS
- Angular 7
- Jasmine.js
- Karma.js
- TypeScript
Switzerland iFolor
iFolor - Web application which makes making calendars, photo stickers etc a breeze
Complex single page web application that is based on Angular 1.4 to Angular 7+
- Rewritted parts of the old web application that is based on Angular 1.4 to newest Angular 7+
- Used Kanban methodology with daily meetings on English with developers from Switzerland
- Wrote unit tests for all completed stories
- Performed code reviews after team member completed a task
- Used Jasmine.js and Karma for unit testing
- Worked independently on given tasks and stories
Master the business! www.company.guru
Find more than 800.000 potential buyers, suppliers, and partners. Register for free and discover essential business information.
- Worked in team of 4 people by utilizing mob programming concept. We worked on www.company.guru, big single page web application. We fixed bugs, implemented new features, and done many tasks and stories together. Mob programming is: one person program for 10 minutes while other persons in team guide him what to program.
- Created dust off, the tool in Node.js that runs in console. It shows all the git files that are not touched for the long period of time. After the tool was made, I was assigned to go over each of old files and improve code and minimize technical debt.
- Created another tool in Node.js that runs in console. The tool takes .txt file as the input and convert it in carefully formatted JSON file that is served to front end via Ajax. It feeds the Slider component in web application with JSON data (URL of picture, text etc)
- Working independently on given tasks.
- Doing QA after finishing the task, by testing git branch in every browser.
- Constantly meeting deadlines. We published application two weeks before the deadline and we put extra features in it.
- Converted whole project from TypeScript to JavaScript.
Technologies used:
- HTML5
- SCSS
- JavaScript
- TypeScript
- Vue.js
- Vuex
- Webpack
- Node.js
- Yarn
- Git
- Asana
- JSX
Technologies used:
- HTML5
- SCSS
- JavaScript
- Angular.js
- Jasmine.js
- Node.js
- Express.js
- MongoDb
- Grunt
- Bower
- Karma.js
Bakson Human Resource
Complex Application for managing staff leave
All data is stored in MongoDb. Staff birth date, position, date from-date to etc. Then Express.js is used to build API off MongoDb data. Angular sends http request to API, fetches the data, and show it to the user. Every segment/module of code is tested with Jasmine.js Angular directives, services, controllers etc. I worked in team with UI Designer.
Before building web application, employee vacation management was done in Excel. This application eased the work of HR. HR colleagues were very satisfied by this web application.
DevOpsTool – Web application which tracks progress of development teams by fetching data from JIRA.
I was assigned to improve the application. I implemented auto quartal of the year calculation. Before that, quartal of the year was hard coded. I implemented filters for the development teams and I refactored whole code and wrote tests for features that I implemented.
Application Code : NDA
Technologies used:
- HTML5
- SCSS
- JavaScript
- Angular.js
- Jasmine.js
- Node.js
- Express.js
- Grunt
- Bower
- Karma.js
Technologies used:
- HTML5
- SCSS
- JavaScript
- Angular.js
- Jasmine.js
- Node.js
- Express.js
- Grunt
- Bower
- Karma.js
Tech Strategy – Web application which tracks progress of Software Architects
Application fetches EPICS from JIRA, for each Software Architect. It shows to what projects they are assigned to, their progress, etc. I worked with UI designer. He designed, I programmed Back End (Node.js, Express.js), and Front End with Angular.js, Jasmine etc.
Application Code : NDA
Renter Web Dashboard
Worked in the team with three other developers. Web application/dashboard that helps renting agents manage rents, client to communicate with agents, agents to see what properties clients own, check if properties needs a repair, what bonds and leases exists etc.
Application Code : NDA
Technologies used:
- HTML5
- LESS
- JavaScript
- Angular.js
- Gulp
- Bower
Technologies used:
- HTML5
- SCSS
- JavaScript
- Angular.js
- Jasmine.js
- Node.js
- Express.js
- MongoDb
- Grunt
- Bower
- Karma.js
Guitar For Beginners Course
Course for Guitarist
Commercial Publishing
Understand Recursion - For Beginners
Book geared toward beginners. Book is full of code examples, easy to read, and full of value
Learn Basics Of Programming And JavaScript - Fast
I wrote a book that will teach you the core of programming and JavaScript. After this book you will easily learn frameworks and if you want back end(Node.js). Book starts from basic data types and goes through object oriented programming and even touches the advances topics like functional programming. At the end of the chapters there are exercises that help you solidify your knowledge. Book is made with minimal text and maximum knowledge. There are no long pointless text. Straight at the point
Recursion, Algorithms and Data Structures
This book will teach you how recursion is used on more than 40 algorithms spanning from arrays to sets to binary trees to graphs. You always see on examples online that people use fibonnaci or some stuff like that to show recursion. But, I will show you proven techniques from my experience that you can apply to all data structures.
Personal Projects
V HR
Re-write of Bakson HR in Angular 16.
- UI Design and development
- Architecture
- Custom Components
- Firebase
- GIT
Technologies used:
- Angular 16
- TypeScript
- NGRX
- RXJS
- FireBase
- SCSS
V Image Editor
Web application which enables editing of images
- UI Design and development
- Architecture
- Custom Components
- canvas
- GIT
- Node.js
- Various Image Editing Algorithms
Technologies used:
- HTML5
- CSS3
- JavaScript
- Node.js
Technologies used:
- HTML5
- SCSS
- JavaScript Functional Programming Architecture
- Audio API
V Ear Training
Train your musical ear with this web application
Memorize intervals, single notes and scales & modes
Technologies used:
- HTML5
- CSS3
- Node.js
- Web Sockets
- JavaScript
- Npm
- GIT
Web Chat
Web chat application written in Node js with Web Sockets. Chat in real time
Technologies used:
- HTML5
- CSS3
- Next.js
- React.js
- TypeScript
- D3.js
- GIT
Mind mapping
Mind mapping application
Technologies used:
- HTML5
- CSS3
- Node.js/JavaScript
- Web Sockets
Tic Tac Toe Multiplayer
Tic Tac Toe Multiplayer with Web Sockets
Calendar
Fully functional calendar in pure JavaScript.
Technologies used:
- HTML5
- CSS
- JavaScript(ES6+)
Music Trainer
Goal of this web app is to teach you music notes. Only requirement is to know basic notes(CDEFGAB) on your chosen instrument. Clicking on New Note or pressing space button will show note randomly on music staff. You can guess note either by using keyboard or by clicking.
When you get good at recognizing first set of notes, you can add ledger lines to increase difficulty.
Controls:
- Space -> New Note
- H -> Help
- L -> Ledger Lines
- R -> Reset Score
- CDEFGAB -> Same letters on keyboard
Technologies used:
- HTML5
- SCSS
- JavaScript
- jQuery
Technologies used:
- HTML5
- SCSS
- TypeScript
- jQuery
- Gulp
- Npm
Slide Puzzle
Slide puzzle game writen in TypeScript
Solve it in less moves as possible. When the number is green, that means the number is in right position.
Move pieces next to '-' box/piece.
Technologies used:
- HTML5
- SCSS
- TypeScript
- Gulp
- Npm
Guitar Fretboard Note Trainer
Web application which helps to memorize notes on guitar fretboard, written in TypeScript
Piano Note Trainer
Web application which helps to memorize notes on piano, written in TypeScript
Technologies used:
- HTML5
- SCSS
- TypeScript
- Gulp
- Npm
Metronome
Responsive Metronome app written with CoffeeScript/Backbone
Technologies used:
- HTML5
- SCSS
- CoffeScript
- jQuery
- Backbone.js
Technologies used:
- HTML5 + Audio
- SCSS
- TypeScript
- Gulp
League Of Legends Memory Game
League Of Legends Memory Game written in TypeScript
Organizer
Collection of small useful apps, written with Backbone.js/Javascript
Data for all apps is stored in localStorage. Application code is designed in way that allows expanding/adding/coding new small apps easily. For now there are 3. Probably in future there will be more
Technologies used:
- HTML5
- SCSS
- jQuery
- Backbone.js
- Underscore
Technologies used:
- HTML5
- SCSS
- JavaScript
- jQuery
- Gulp
Hit The Box
How many boxes can you hit in given time?