Stefan is available for hire
Hire StefanStefan Račić
Verified Expert in Engineering
Alpine.js Developer
Location
Banja Luka, Republika Srpska, Bosnia and Herzegovina
Toptal Member Since
May 21, 2018
Stefan is a front-end developer with over ten years of experience creating user-friendly, responsive, cutting-edge websites. He's worked with companies from all over the world on projects ranging from small landing pages to big web applications and frameworks. He's always looking to expand his knowledge and apply new technologies and tools to projects he's working on.
Portfolio
UDM
WordPress, JavaScript, jQuery, Gulp, Git, Sass, HTML, CSS, Responsive...
Pact Insurance (Martingale Corp) (via Toptal)
React, Gatsby, HTML, CSS, Tailwind CSS, GreenSock Animation Platform (GSAP)...
TL;DR Solutions
WordPress, JavaScript, jQuery, Gulp, Git, Sass, CSS, HTML, Responsive...
Experience
Availability
Part-time
Preferred Environment
Chrome, Gulp, Git, Windows, MacOS, Tailwind CSS, Visual Studio Code (VS Code)
The most amazing...
...thing I've coded is a jQuery plugin that allows you to animate items on scroll with just a few classes and data attributes.
Work Experience
Front-end Web Developer
2017 - PRESENT
UDM
- Created reusable, responsive, and configurable Sass frameworks.
- Helped implement multiple JavaScript frameworks and plugins as well as create jQuery plugins based on client needs.
- Expanded existing tools and frameworks that the company used for building .NET-based web presentations.
- Contributed to the creation of multiple landing pages and presentational static pages.
- Helped build HTML ads for major Austrian companies and created tools for creating simple text-based HTML ads.
- Developed for multi-site WordPress projects that sync specific content between them with AJAX filtering and Google Maps API integration.
Technologies: WordPress, JavaScript, jQuery, Gulp, Git, Sass, HTML, CSS, Responsive, Tailwind CSS, Alpine.js, React, Front-end
Front-end Developer
2021 - 2022
Pact Insurance (Martingale Corp) (via Toptal)
- Developed a presentational static website with advanced GSAP animations and effects.
- Developed a website on Gatsby with Tailwind CSS and GSAP animations and effects.
- Helped and worked on improving their partners' websites.
Technologies: React, Gatsby, HTML, CSS, Tailwind CSS, GreenSock Animation Platform (GSAP), JavaScript, Responsive, Alpine.js, Front-end
Front-end Developer
2015 - 2022
TL;DR Solutions
- Developed responsive WordPress templates from PSD to HTML.
- Helped create custom tools and frameworks used to create HTML banner ads.
- Collaborated with the WordPress development team to create numerous WordPress plugins for content filtering, API integrations, and social media.
- Developed MVPs and interactive static "proof of concept" web pages and web apps.
- Designed and developed interactive landing pages that integrate with WordPress websites.
Technologies: WordPress, JavaScript, jQuery, Gulp, Git, Sass, CSS, HTML, Responsive, Tailwind CSS, Alpine.js, React, Front-end
UI Developer
2020 - 2020
Pistil Data (via Toptal)
- Developed a responsive mobile UI for PistilData's web app.
- Developed and prepared the UI to be used in the React Native app.
- Helped optimize the UI and UX design for the best user experience.
Technologies: React Native, Mobile UI, SCSS, Sass, CSS, HTML, JavaScript, Responsive, Tailwind CSS, Alpine.js, Front-end
Front-end Web Developer
2016 - 2018
Magik Digital
- Built a JavaScript framework to animate images frame-by-frame for one of the biggest transportation companies in Australia.
- Helped create WordPress templates for some of the biggest companies in Australia.
- Developed HTML banner ads and tools for easier creation and changes of text-based banner ads.
- Created custom JavaScript form validation and logic for forms with over a hundred fields.
- Contributed to the integration of payment systems, management systems, and ordering systems on WordPress websites.
Technologies: WordPress, jQuery, JavaScript, Sass, CSS, HTML, Responsive, Front-end
Web Developer
2016 - 2017
Dryrun
- Transformed PSD files to WordPress layouts for a client's new website.
- Implemented a WordPress page builder add-on and created custom blocks based on client needs.
- Implemented a help center system on WordPress, styled page templates to fit the rest of the website, and created custom elements within the system for the client.
- Owned website optimization, speed, and performance, improving it to match the highest standards.
- Integrated the website with their existing web app platform.
Technologies: WordPress, JavaScript, jQuery, Gulp, Git, Sass, CSS, HTML, Responsive, Front-end
Front-End Web Developer
2015 - 2017
Clinical Marketing
- Prepared PSD to HTML for WordPress templates.
- Built an interactive web-app template for use in clinics and hospitals for patient and appointment management.
- Created HTML banner ads for big rehabilitation clinic in Canada.
- Developed a custom WordPress template with custom page builder elements and styled for one of the biggest rehabilitation clinics in Canada.
- Worked on optimizations, SEO, and performance upgrades on various websites and platforms for clients.
Technologies: WordPress, JavaScript, jQuery, Gulp, Git, Sass, CSS, HTML, Responsive, Front-end
Web Developer
2014 - 2017
Karan Bajaj | Karanbajaj.com
- Managed the client's WordPress blog, making custom page templates and a custom header and footer for his web presentation.
- Created multiple static landing pages to promote his books and courses.
- Created a WordPress course system using the Membership plugin and created a custom plugin for affiliate tracking.
- Created custom WordPress themes for the web course with multiple modules and a custom JavaScript video player.
- Worked on styling blog posts and made custom HTML banners and ads to be used for marketing.
Technologies: WordPress, JavaScript, jQuery, Gulp, Git, Sass, CSS, HTML, Responsive, Front-end
Front-end Web Developer
2013 - 2017
Inkless Ideas
- Helped modify and optimize existing websites.
- Contributed to the improvement of older websites to a more modern look, making them responsive without major a HTML reworking—purely JavaScript and CSS changes.
- Created multiple responsive WordPress templates and custom plugin development.
- Built a WordPress plugin to display a masonry grid of Twitter and Facebook posts based on a visitor's location.
- Developed an MVP for the client's work-board web-app using JavaScript, CSS, HTML, and Laravel.
Technologies: jQuery, JavaScript, Sass, CSS, HTML, Responsive, Front-end
Web Developer
2010 - 2014
BitLab
- Helped develop responsive WordPress themes using VisualComposer page builder.
- Coded election polls and quizzes for a national TV station.
- Worked on a company's conference web application, creating a responsive, interactive, and modern look.
- Helped optimize numerous websites based on custom CMS platforms, WordPress, CodeIgniter, and Laravel.
- Helped set up hosting accounts and aiding customers in transferring their websites without any downtime.
Technologies: PHP, WordPress, JavaScript, jQuery, Gulp, Git, Sass, CSS, HTML, Responsive, Front-end
Experience
On-scroll Animations
A JavaScript plugin that manages execution of animations from Animate.css so that they execute on scroll. As soon as the element is in view, it executes the animation. Used to slide in, fade in, zoom in, or any other effect on elements. The plugin uses data attributes for configuration; it can organize the parent or child elements in sequence with defined delay between animations.
Dryrun.com
https://dryrun.com/DryRun is a flexible cash flow forecasting web app. I was in charge of coding the front-end for their WordPress template, using Sass/CSS, HTML, and JavaScript to code a pixel-perfect PSD to HTML website.
Karanbajaj.com
http://karanbajaj.comPersonal website and blog for New York-based bestselling author Karan Bajaj.
Toptal React Accelerator
The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, NextJS, Redux, and GraphQL. This is a two-month program consisting of rigorous learning exercises and hands-on activities, a stringent evaluation process, comprehensive learning assessments, and 30-40 hours of building an Invoice Management System. Within this invoicing application, users are able to track invoices, clients, and company information.
Skills
Languages
JavaScript, Sass, CSS3, HTML5, CSS, HTML, Less, SCSS, SQL, PHP
Frameworks
Bootstrap, Tailwind CSS, Chrome, React Native
Libraries/APIs
Flexbox, jQuery, jQuery UI, React
Tools
Atom, Git, Office 2016, ITCSS, Gulp, Sketch, Photoshop 2017, Adobe Experience Design (XD), Asana, Microsoft Visual Studio, InVision, Zeplin, Mailchimp, Trello, GitLab, GitHub, Slack
Paradigms
Responsive, BEM, REST, Model View Controller (MVC)
Platforms
Visual Studio Code (VS Code), Windows, MacOS, WordPress, GreenSock Animation Platform (GSAP)
Other
Alpine.js, Front-end, Minimum Viable Product (MVP), BEMIT, Mobile UI, Gatsby
Storage
JSON, SQLite, MySQL
Education
2013 - 2018
Bachelor's Degree in Business IT
Paneuropean University Apeiron - Banja Luka
2008 - 2012
Technical High School Diploma in IT
GEMIT Apeiron - Banja Luka
Certifications
MAY 2022 - PRESENT
Toptal React Accelerator Graduate
Toptal, LLC
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