Berk Elmas
Verified Expert in Engineering
Software Developer
Berk is a JavaScript/TypeScript developer who utilizes modern web and hybrid mobile application frameworks (React, React Native, Ionic, Angular, and Stencil.js). Besides his JavaScript/TypeScript expertise, Berks is also known for his deft hand with SCSS, Less, and Sass as CSS preprocessors while always taking into consideration current CSS design patterns to obtain clean and readable CSS code.
Portfolio
Experience
Availability
Preferred Environment
CSS, Less, SCSS, D3.js, Algorithms, Ionic, Stencil.js, Angular, React Native, React, JavaScript
The most amazing...
...thing I've developed is CarValoo's fleet management app which received the Red Dot Design Award.
Work Experience
Senior React Front-end Engineer
Fortune 500 Enterprise
- Led the whole legacy system migration to GraphQL by using React Apollo.
- Migrated all frontend apps from a monolithic architecture to monorepo by utilizing Nx.
- Led one of the biggest beverage brands' WordPress to React (Next.js) migration by converting the whole system using headless CMS.
Remote React Native Developer
Justmop
- Contributed to the development of Justmop's cleaning service hybrid mobile application.
- Refactored the form state management parts of the application.
- Followed the Agile methodology by obeying all of the flow while utilizing Jira.
- Utilized Redux store management in the application as the global store with Redux Thunk.
- Participated in constructing the deep linking architecture and then migrating the deep linking into universal deep linking throughout the application.
Senior Front-end Developer
Digitarc Software LLC
- Served as the lead front-end developer and built the CarValoo fleet management system, which won the Red Dot Design Award.
- Utilized the Agile methodology and stuck to a completely Agile flow.
- Used D3.js to build custom data visualizations; these indicated which car parts received damage and what type during specific time periods.
- Developed, for those data visualizations, custom SVG vehicle models with event indicators; also connected these event indicators to custom SVG timeline charts to show when those events occurred.
- Open-sourced some project modules and received contribution requests from a few JavaScript groups.
- Used Redux for state management with Redux Thunk to handle async events in Redux Action Creators.
- Displayed the vehicle model as a 3D demo along with its events on it (Three.js). However, it has not been officially implemented in the project.
Remote Front-end Developer
BKB Software LLC
- Developed an ERP system that handles the management of human resources, internal notifications, reporting of employees, and tracking income from medical imaging devices (e.g., MRIs, CTs) from a single app with multi-tenancy architecture.
- Utilized React Native on the mobile application and Angular on the web application.
- Utilized Redux for state management in React Native and NgRx with effects as state management in the Angular app.
- Published the mobile application as an enterprise app on iOS and solved many problems with publishing as an enterprise application.
- Developed a digital signature system for taking digital signatures for patients' consent on medical imaging scans such as MRIs or CTs.
- Utilized Pixi.js with WebGL to obtain patient signatures on tablet devices.
Experience
CarValoo Fleet Management
The project required a lot of complex data visualization; therefore, I've utilized D3.js for SVG animations and data chart construction. I have even open-sourced a chart developed during the project, which required zooming in-out on a yearly time scale to daily time scale, connecting its state with third-party React components and clustering data just like in maps.
I also coded a clustering algorithm for the data. For instance, if the data groups get too close to each other, I needed to prevent their intersections, so a custom clustering logic is implemented by me. Via this clustering logic on the client side, the back end sends all the data to front end; and the front end handles all the clustering and data visualization logic by itself.
In the project, tracking of IoT sensor data is made easy with custom interactive D3.js charts (built with SVG). Besides the charts, the car is also coded with SVG, and the part of the vehicle, which sends the sensor data can be viewed easily with this SVG visualization.
E-Work ERP
The team included five people, a business analyst, two back-end developers, a test engineer, and a front-end developer. As the sole front-end developer, I developed all the interfaces with React Native and Angular. I also served as a front-end architect by constructing all the state management and making the final calls on all the design patterns and UI kits for all front ends.
I used Redux on React Native and NgRx on Angular to store user roles and give specific users access to certain routes or components. I also wrote custom directives in Angular to render components and issue some parameters to routes to decide if routes are accessible or not. Concerning the React Native portion, I coded some higher-order components utilizing the Redux state to decide whether the component should be rendered for the user. In both apps, the global store saved all the role information for users.
Smolt Order Delivery Application
https://smolt.co.uk/Smolt is an Angular project which has monorepo architecture via Nx. NgRx is utilized for state management. Thanks to the project consisting of multiple depth levels of projects and modules, state management architecture with NgRx was constructed with various levels of state instances.
On the UI/UX side, Ng-bootstrap was used for input elements, cards, and so on.
Digital Signature System
The hard part was handling this form with a stepper form logic in the front end, a signature in a PNG file format, and sending all this data to the back end after the form is completed.
Besides the stepper, the form also required different questions depending on the medical imaging device because an MRI device requires different questions than a CTI device. Therefore, I have set up Redux as a global store and Axios for HTTP requests to the back end. Users could sign in with the same authentication credentials as they do in E-Work, and they would complete the form depending on the data attached to the patient's status. After completing the form, the patient can sign with their finger or tablet pen.
Education
Bachelor's Degree in Law (Legal Practice)
Istanbul University - Istanbul, Turkey
Bachelor's Degree in Economics and IT Management
Istanbul University - Istanbul, Turkey
Certifications
React LinkedIn Assessment
Angular LinkedIn Assessment
JavaScript LinkedIn Assessment
Skills
Libraries/APIs
React, REST APIs, D3.js, Node.js, Formik, Three.js, React Navigation
Tools
Stencil.js, Redux Thunk, React Apollo
Frameworks
React Native, Angular, Redux, Next.js, Angular 5, Angular 6, Ionic, PixiJS
Languages
JavaScript, HTML, CSS, TypeScript, SCSS, Less, GraphQL
Paradigms
Agile Software Development, Scrum, Test-driven Development (TDD)
Platforms
Amazon Web Services (AWS)
Other
API Integration, Algorithms, Internet of Things (IoT), Fleet Management, Clustering Algorithms, SVG, Data Visualization, Front-end Development, Monorepos, Axios, Digital Signatures, Law, Apollo
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