pavle

Pavle Paunovic

JavaScript Developer

paavlee@yahoo.com

Portfolio

Commercial Projects


iFolor

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.
Company Guru - Maaster the business

Technologies used:

  • HTML5
  • SCSS
  • JavaScript
  • TypeScript
  • Vue.js
  • Vuex
  • Webpack
  • Node.js
  • Yarn
  • Git
  • Asana
  • JSX

bakson-hr

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

DevOpsTool

Technologies used:

  • HTML5
  • SCSS
  • JavaScript
  • Angular.js
  • Jasmine.js
  • Node.js
  • Express.js
  • Grunt
  • Bower
  • Karma.js
tech-Strategy

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

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

Personal Projects


Calendar

Fully functional calendar in pure JavaScript.

calendar

Technologies used:

  • HTML5
  • CSS
  • JavaScript(ES6+)
second-programming-language-voter

Technologies used:

  • HTML5
  • SCSS
  • Boostrap 4
  • Angular 4
  • TypeScript
  • Node.js
  • Express.js
  • Npm

Second Programming Language Voter

Goal of this web app is for people to vote what best/next second programming language is to learn.

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
music-trainer

Technologies used:

  • HTML5
  • SCSS
  • JavaScript
  • jQuery
music-trainer

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.

Hangman

Hangman game written in TypeScript. There are more than 600 words to guess and its responsive designed.

song-trancriber

Technologies used:

  • HTML5
  • SCSS
  • TypeScript
  • Node.js
  • Express.js
  • Gulp
  • Npm
Guitar Fretboard Note Trainer

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

Piano Note Trainer

Technologies used:

  • HTML5
  • SCSS
  • TypeScript
  • Gulp
  • Npm
song-trancriber

Technologies used:

  • HTML5
  • SCSS
  • JavaScript
  • jQuery
  • Node.js
  • Express.js
  • Bower
  • Npm

Song Trancriber

Web application which changes tempo of the song so musician can easily learn it. User can loop part of the song by setting loop start point and loop end point.

Node.js/Express is used for server/back end. html5 audio, jquery, bower used on front end.

Metronome

Responsive Metronome app written with CoffeeScript/Backbone

metronome

Technologies used:

  • HTML5
  • SCSS
  • CoffeScript
  • jQuery
  • Backbone.js
metronome

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

organizer

Technologies used:

  • HTML5
  • SCSS
  • jQuery
  • Backbone.js
  • Underscore
eLis

Technologies used:

  • JavaScript

eLis - tiny JavaScript library for creating elements easily

There are three ways to use it:

1. Creating single elements with eLis.cEl({})

2. Creating linked list using eLis.list({}) and child methods

3. Methods :

  • Append : eLis.mainEl cache: eLis.list({}).next({appendTo: eLis.mainEl}).append("body")
  • Save : eLis.list({}).next({}).save(true || false)
  • Destroy : eLis.list({}).next({}).destroyEl()
  • Traversing Children Elements : traverseChildrenTree(element)

Tic Tac Toe

Multiplayer game written in JavaScript with Node/Socket.io on the Back End

css gallery

Technologies used:

  • HTML5
  • SCSS
  • JavaScript
  • Node.js
  • Socket.io
css gallery

Technologies used:

  • HTML5
  • SCSS
  • JavaScript
  • jQuery
  • Gulp

Hit The Box

How many boxes can you hit in given time?

CSS3 Image Gallery with zoom functionality

css gallery

Technologies used:

  • HTML5
  • CSS3