Matej Bilić
Verified Expert in Engineering
Software Developer
Bošnjaci, Croatia
Toptal member since November 4, 2021
Matej is a talented full-stack web developer and mobile application developer adept at advanced web and application development stages. He is knowledgeable in a variety of technologies, including React, React Native, Firebase, Express, Django, and many others. Matej can effectively self-manage while working on independent projects, as well as collaborate in a team setting.
Portfolio
Experience
Availability
Preferred Environment
Windows, Ubuntu, Vim Text Editor, Visual Studio Code (VS Code), MacOS
The most amazing...
...things I’ve developed are a website and an application for a company that creates adventures in various cities, which supersede tourist guides.
Work Experience
Full-stack Engineer
Bicycle
- Specialized in data visualization and worked with big data as a front-end developer.
- Leveraged expertise in Apollo GraphQL, React, and REST API to create insightful charts for clients that improved optimization and reduced loading times.
- Developed complex visualizations, including tree diagrams and Sankey diagrams, to help clients better understand their big data sets.
- Provided valuable insights that drove business decisions and improved client outcomes.
- Contributed to a team environment focused on collaboration, innovation, and excellence in client service.
Back-end Engineer
Legion Health, Inc.
- Developed the back-end to implement payouts using Stripe, significantly reducing the time it takes to pay the users.
- Automated payments by creating a GraphQL endpoint that automatically calculates the amount owed to the user and pays them.
- Worked both within a team and independently to achieve the client's goals.
- Communicated effectively with team members to plan out the database structure and to achieve the optimal solution for automated payouts.
- Ensured the endpoint, payouts, and transactions were safe and secure.
QA Automation Engineer
Veza (via Toptal)
- Designed and implemented automated tests and scripts using Cypress.
- Caught numerous errors in every PR before they got merged with the main branch.
- Migrated previously existing tests from Nightwatch.js to Cypress.
Freelance Full-stack Developer
An Online Freelance Agency
- Worked efficiently and organized work to complete assignments on time.
- Troubleshot and remediated web applications efficiently.
- Integrated databases, authentication, and data storage to web applications.
- Developed, tested, deployed, and maintained web applications.
- Utilized the latest web technologies to solve complex problems.
- Improved the user experience through web applications by designing and modifying existing user interfaces.
Full-stack Developer
An Online Freelance Agency
- Contributed to the development of company objectives and worked to achieve them.
- Designed, coded, and tested solutions in collaboration with others.
- Achieved successful software modifications and alterations based on specific design specifications.
- Stayed on top of new trends, technologies, and standards in website development.
- Used uniform fonts, formatting, images, and layout, and achieved a consistent look and visual theme for each website.
- Ensured client deadlines were met, demonstrated excellent decision-making abilities, and used problem-solving skills effectively.
Motion Graphics Expert
An Online Freelance Agency
- Developed motion graphics to enhance the design of websites.
- Ensured that motion graphics were used to support specific storytelling requirements.
- Animated characters using advanced software to place cartoons into motion.
- Produced instructional videos used to train employees.
- Produced marketing videos to increase the number of sales for businesses.
Graphic Designer
An Online Freelance Agency
- Designed and developed materials to improve the design, appearance, and UI of websites.
- Worked alongside marketing specialists and graphic designers.
- Completed many freelance graphic design projects with a high customer satisfaction rate.
- Contributed to the creation of graphic materials for use by the marketing department.
Experience
Web App from Which Users Can Obtain Inbound Leads
I developed the website's front-end, added database, storage, authentication, and monthly subscriptions as a full-stack developer. Using a web designer's design, I implemented it on the website, but I also made creative decisions.
React App for Adventures in Various Cities
It was a full-stack project that I worked on alone. I was responsible for creating a website where users could view and purchase adventures, login, register, and edit their profiles. My job also included creating a tool that the client could use to create new adventures, send newsletters, manage users and promote users to administrators. The adventure creation tool needed to meet a variety of requirements, such as tracking the user's location and determining the shortest route to the location the adventure creator had chosen. The website needed to be in two languages.
React Native Mobile App for Adventures in Various Cities
My task was to develop a mobile app where users could purchase adventures and play. Additionally, they had to be able to log in and register with the same credentials as on the website. The project required me to handle location tracking, app permissions, and local storage. It also had to be compatible with iOS and Android devices and work in two languages.
Django App for Adventures in Various Cities
Eventually, React and Firebase were used to redesign this app, but the client initially requested a low-cost website for displaying their adventures, which were created using ChatBot. A Linode Ubuntu server hosted the website, and the adventures were stored in a MySQL database. The website allowed users to register and log in, along with making purchases using Stripe Checkout.
Next.js Portfolio Website
They needed to display their past work and case studies on the website, with images displayed in a gallery format, and to have the ability to add new items to the portfolio and modify the existing ones. Additionally, they needed to be able to write new articles and place them in predefined categories. I was required to create a form through which potential clients could inquire about the designer's services.
Education
Bachelor's Degree in Information Technology and Electrical Engineering
Faculty of Electrical Engineering, Computer Science and Information Technology - Osijek, Croatia
Skills
Libraries/APIs
React.js, Node.js, REST APIs, Formik, Nightwatch.js, API Development, D3.js, Three.js, Stripe API, Lodash, Mapbox GL, React Motion, Stripe, Mapbox API, Auth, React Native for Web, Chart.js, React Redux, Puppeteer, Google Maps, Google Maps SDK, Yup
Tools
NPM, Git, JSX, JavaScript Testing, GitHub, Expo.io, Figma, Firebase Authentication, Photoshop CC, Illustrator CC, After Effects CC, Blender, Expo, Stripe Checkout, react-map-gl, Jira, Prisma, Webpack, React Apollo
Languages
JavaScript, TypeScript, HTML, CSS, Sass, SCSS, Markdown, GraphQL, SQL, Python, Python 3
Frameworks
React Native, Bootstrap, Jest, React-Bootstrap, Next.js, Draft.js, Cypress, Django, Express.js, Redux, Tailwind CSS, JSON Web Tokens (JWT), Deck.gl
Paradigms
Web Architecture, Test Automation, REST, Mobile Development, Automated Testing, Testing, Automation, Marketplace Platforms, B2B, Behavior-driven Development (BDD)
Platforms
Firebase, EmailJS, Mobile, Ubuntu, MacOS, iOS, Android, Contentful, Mapbox, Linode, Docker, Amazon Web Services (AWS), Azure
Storage
JSON, NoSQL, Databases, PostgreSQL, MySQL, SQLite, Database as a Service (DBaaS), MongoDB, Elasticsearch
Other
Programming, i18n, Front-end, UI Testing, UI Automation, API Integration, APIs, Responsive Web Apps, Full-stack, Collaboration, Web Development, Cloud Storage, Full-stack Development, UI Development, User Experience (UX), User Interface (UI), Minimum Viable Product (MVP), Design Systems, Web Dashboards, Authentication, Web Applications, Stripe Subscriptions, CAPTCHA, Asynchronous Data Streams, Architecture, Data, Admin Panels, Web Security, QA Testing, QA Automation, Geolocation, Mapping, QR Codes, Digital Payments, Apollo, Serverless, Bug Fixes, Code Review, Dashboards, Real-time Data, Agile Product Delivery, Charts, Chromium, Online Payments, Cloud Platforms, Mapbox SDK, Data Visualization, Content Management Systems (CMS), Visualization, Visualization Tools, Webhooks, TypeORM, Maps, Google Directions, Google SEO, Data Sourcing, Apollo Server, SaaS, Big Data, Large Scale Distributed Systems
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring