Miodrag Marcic, Developer in Novi Sad, Vojvodina, Serbia
Miodrag is available for hire
Hire Miodrag

Miodrag Marcic

Verified Expert  in Engineering

Software Developer

Novi Sad, Vojvodina, Serbia

Toptal member since March 4, 2020

Bio

Miodrag is a senior front-end developer with eight years of experience working with large enterprises and small businesses. He has used a variety of technologies and languages, most recently JavaScript, React, Redux, and .NET Core. He is currently working in a small startup company as a technical lead for a remote web project that is mostly based on advanced interactivity with Canvas and SVG drawings.

Portfolio

Bad Boy Solutions
Entity Framework, .NET Core, TypeScript, Canvas, SVG, SCSS, Webpack, Redux...
SysKit
React, Redux, Swagger, TypeScript, Front-end, HTML, JavaScript, CSS
TraceDock
SCSS, Webpack, JavaScript, React, Front-end, HTML, CSS, Redux

Experience

  • JavaScript - 10 years
  • HTML - 10 years
  • CSS - 10 years
  • React - 6 years
  • React Redux - 4 years
  • .NET Core - 3 years
  • TypeScript - 2 years
  • Entity Framework Core - 2 years

Availability

Part-time

Preferred Environment

React, Front-end

The most amazing...

...thing I've developed is WebGL layer for enhancement of interactivity in web applications.

Work Experience

Senior Front-end Developer

2018 - PRESENT
Bad Boy Solutions
  • Developed, from scratch, a web application for drawing and interact with musical note system, using React, Redux, Canvas 2D, and SVG.
  • Tracked and fixed bugs using Trello Kanban for project and task management.
  • Set up the development environment and optimized the application bundle and startup for production using Webpack.
Technologies: Entity Framework, .NET Core, TypeScript, Canvas, SVG, SCSS, Webpack, Redux, React, Swagger, Front-end, HTML, JavaScript, CSS

Front-end Developer

2020 - 2020
SysKit
  • Developed a CRM web application as the lead front-end developer. The application is used internally by salespersons in the company.
  • Generated TypeScript models and endpoints using Swagger. The UI was developed using React and Redux with provided wireframes.
  • Tracked and fixed bugs using GitHub. Used Adobe XD for wireframes.
Technologies: React, Redux, Swagger, TypeScript, Front-end, HTML, JavaScript, CSS

Elite JavaScript Developer with Webpack Experience

2020 - 2020
TraceDock
  • Developed responsive getting started wizard pages and React components such as form, popup, timeline, slider, or price cards.
  • Optimized bundle of a small pure JavaScript plugin for production.
  • Optimized code and fine-tuned Webpack configuration using terser, so the final bundle is more than twice smaller than it was before optimizations. Added precompile of the bundle with gzip and Brotli compression.
  • Perfected the page load with lazy loading of expensive components which are rarely used by users.
Technologies: SCSS, Webpack, JavaScript, React, Front-end, HTML, CSS, Redux

Software Engineer | Web Infrastructure Team

2015 - 2018
Schneider Electric DMS NS
  • Contributed to enterprise software, in the web infrastructure team, with the main goal of providing core infrastructural components for other web teams that rely on the core while developing plugins.
  • Created a modern dashboard web application for data visualization of ADMS features and KPIs. Designed code architecture using React, modeled the store using Redux, and set up the development environment and core functionalities.
  • Refactored old-fashioned legacy CSS code on a very big project in order to support responsive design, multiple themes, and changing font sizes.
  • Maintained and developed an ASP.NET MVC cross-browser and cross-platform web app that was used on desktop and tablet devices.
  • Collaborated with students and junior developers on knowledge sharing.
  • Refactored and set infrastructure of Python OOP code for automated tests that are simulating user actions using Selenium.
  • Wrote technical stories and grooming backlog items using TFS with Scrum implementation of the Agile methodology.
  • Managed bug triage and reporting, and solved reported issues on the developed and released versions of the software (with hotfixes).
  • Provided on-site support during the go-live of ADMS software in Arizona Public Services (Phoenix, Arizona, USA) electric utility with 1.2 million customers.
Technologies: Mercurial, Python, ASP.NET, Grunt, SCSS, Less, Redux, React, jQuery UI, jQuery, Bootstrap, JavaScript, Front-end, HTML, CSS

Software Developer

2017 - 2017
Big Data Insights DOO Novi Sad
  • Maintained a RoR (Ruby on Rails) web application made for advertising with Google Ads for Lumosity.
  • Learned basics of RoR while working on iOS and Ruby Mine.
  • Used Jira for issues tracking and project management.
Technologies: Ruby ERB, Haml, SQL, REST, Ruby on Rails (RoR), Ruby, Front-end, Jest, HTML, JavaScript, CSS

Scholarship Student in Web Infrastructure Team

2013 - 2015
Schneider Electric DMS NS
  • Researched and implemented a WebGL layer for enhancement of interactivity in web applications for my bachelor's and master's thesis.
  • Automated the development and release process of ASP.NET MVC3 web project and its plugin projects, using Grunt JavaScript task runner and npm package manager.
  • Maintained and developed ASP.NET web applications.
Technologies: jQuery, JavaScript, CSS, Handlebars, Grunt, NPM, ASP.NET, WebGL, Front-end, HTML, Redux

Experience

KPIs Dashboard Web Application

The purpose of this application is to display key performance indicators (KPIs) with the most important metrics from the advanced distribution management system. It allows management in the control room to check the day-to-day processes and outputs to make sure everything is running smoothly.

Field Client

The Schneider Electric™ Field Client is a web-based thin client providing utility field crews with access to work requests, switching plans, incidents, and safety documents. Field Client allows users to view, search, and navigate the network in both geographic and schematic views, as well as perform operations like planned switching and incident response. Field client is designed to function in online and offline modes, to support touch-based devices and a variety of web browsers.

It provides the full benefits of a web application – centralized deployment and management, load balancing, a rich user interface, and mobile device support. Additionally, it recognizes and respects each crew’s working environment by optimizing the user interface for touch screens and offering broad offline capabilities. Field Client provides real-time information from the Schneider Electric Advanced Distribution Management System (ADMS) and replaces paper maps, empowers field crews, and makes communication between crews and the control room more structured and reliable.

WebGL Layer for Enhancement of Interactivity in Web Applications

This was my master's thesis project. The subject was the WebGL graphical library and the implementation of interactive layers in 2D and 3D space. The interactive layer consists of interaction with the scene as well as interaction with objects in the scene. Interaction with the scene involves the transformation of the scene, like zoom to point, rotate to point, pan. Interaction with objects involves the selection and use of a single object in the scene. The scene is a 2D electricity scheme from a distribution management system with a very big number of simple 3D objects (substations, switches, and lines).

Syskit CRM

The purpose of this application is to automate and reduce the error rate for the sales team when entering data about orders and invoices. The application is a CRM web application that is used internally in the company by the sales team.

Interactive Sheet Music

I developed, from scratch, a web application for drawing and interact with music sheet notations. I implemented a bunch of features using SVG and Canvas 2D drawings, audio recording, music playing, and a lot of interaction with notes and other notation elements.

Education

2013 - 2014

Master's Degree in Computer and Information Sciences, General

Faculty of Technical Sciences, University of Novi Sad - Novi Sad, Serbia

2009 - 2013

Bachelor's Degree in Computer and Information Sciences, General

Faculty of Technical Sciences, University of Novi Sad - Novi Sad, Serbia

Skills

Libraries/APIs

React, React Redux, jQuery, REST APIs, Entity Framework, jQuery UI, Handlebars, Ruby ERB, WebGL

Tools

Webpack, Git, Visual Studio, Mercurial, Figma, JSS, Canvas, NPM, Canvas 2D, Bitbucket, Grunt

Languages

JavaScript, HTML5, CSS3, SCSS, CSS, HTML, ECMAScript (ES6), TypeScript, Less, Python, Ruby, SQL, C#, Haml

Frameworks

Redux, ASP.NET, Ruby on Rails (RoR), Swagger, .NET, Entity Framework Core, .NET Core, Bootstrap, Jest, Material UI, Tailwind CSS

Paradigms

RESTful Development, Agile Software Development, REST

Platforms

Visual Studio Code (VS Code), Windows

Storage

JSON

Other

Front-end, Single-page Applications (SPAs), ESLint, APIs, Scripted Animation (JavaScript), WebSockets, SVG, CSS3 Animation, Styled-components, Semantic UI

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring