K. Roberts πŸ‡ΉπŸ‡³

Front-End Engineer

Summary

I'm a passionate Front-End Developer with 3+ years of experience. I'm proficient with CSS and JS Frameworks, with solid knowledge of UI/UX. Collaborated in designing, developing and testing 20+ projects incorporating a range of web technologies mainly React.js.

Skills

Proficient in: React, JavaScript, CSS, TypeScript, Node.js, Vue.js, Redux, Express, Git, SASS.

Experienced with: Next.js, Nuxt.js, Docker.

Familiar with: Angular.

Experience

Front-End Engineer

G**** *** - Santa Monica, United States (Remote fullTime)

A platform that allows content creators and gamers to interact and increase their revenue by gaining more subscribers and donators using new top-notch features.

Responsibilities include:

  • Collaborating remotely with a distributed asynchronous team from all around the world.

  • Contributing to creating a highly performant and modular platform from scratch.

  • Creating a twitch extension to display a simplified user feed on twitch panels for more conversion rates.

  • Fixing bugs and users issues.

Technologies used: Reactjs, Nextjs, Redux, TypeScript, Bootstrap, Nestjs, Recharts, Socket.io, SASS.

Front-End Engineer

T******* - 's-Hertogenbosch, Netherlands (Remote freelance)

A platform to track and control robots that auto-handle weeding in farms in real-time.

Responsibilities included:

  • Designed the UI of an MVP platform to remotely control a robot used for weeding and inspecting a whole set of information with Figma.

  • Created a highly performant platform from scratch with a high flow of real-time data.

  • Used Socket.io to display robot information's in real-time and to send commands.

Technologies used: Reactjs, Ant Design, Figma, Socket.io, D3js, Redux, SASS.

Front-End Engineer

W****** - Tunis, Tunisia (freelance)

An IoT Energy Management Solution that measures real-time consumption using Smart meters connected to a cloud-based Dashboard and a Mobile App.

Responsibilities included:

  • Created a set of complicated charts with high data flow to visualize clients' energy consumptions.

  • Suggested and implemented a lot of changes in the design and architecture to break down some complex and ambiguous pages and components into simple and relevant experiences.

  • Upgraded a whole codebase written in Angular to the latest version.

  • Fixed a long list of bugs.

Technologies used: Angular, Apache Echarts, MaterialUI, Aws Cognito, RabbitMQ, AWS, CSS.

Front-End Engineer

V***** - San Francisco, United States (Remote freelance)

A unified developer Workspace for all your non-coding apps that helps engineering teams become more productive.

Responsibilities included:

  • Helped the frontend team on architecting and developing new challenging features on a tight deadline.

  • Offered instructions on refactoring and decomposing the codebase to assure scalability and enhance performance.

Technologies used: Reactjs, Ant Design, TypeScript, CSS, Redux.

Front-End Engineer

K***** - Tunis, Tunisia (freelance)

Collaborated with a big development firm in Tunisia to work on "Orange Digital Store" which is a marketplace for a big mobile network operator to make their services and subscriptions easy and accessible in one place.

I mainly participated in architecting and adding new features to the app, fixing bugs, and helping in optimizing the app's performance.

Technologies used: Vue, Nuxtjs, Boosted, Vant, SASS.

Front End Engineer

M*** ** - Tunis, Tunisia (fullTime)

  • Offered consulting services for 6+ startups all over the world to help solve problems at different development phases (features, bug fixes, optimization, refactoring).

  • Built 16+ projects through different development phases.

  • Introduced workflows and best practices to assure all codebases follow the same style guides.

  • Created internal components library to make developing admin panels faster by more than 40%.

  • Developed an internal tool to enhance the UX of Swagger UI which speeds up the process of API development and tests.

  • Conducted multiple technical interviews for web developers.

  • Trained and mentored 5 juniors from day one until they became reliable and autonomous developers.

Technologies used: Reactjs, Angular, Vue, Docker, Nextjs, Nuxtjs, GitLab CI/CD, Ant Design, D3js, Loopback, SASS.

Projects

https://github.com/khaledtb/json_edit

Source code

A chrome extension to turn the old boring Textarea in Swagger-UI API specs into a fully-featured JSON editor to enhance the experience of developers working with a large amount of JSON data.

I felt the need to create this extension when backend developers sent me API endpoints to use in my frontend code with Swagger-UI generated with Loopback backend frameworks. Over time it became frustrating reading or editing large amounts of JSON which lead to more errors and a bad user experience.

Technologies used: JavaScript, Chrome Extensions API.

Spotify Mood Analyser

Since I love music and coding so much, I'm in the process of building a plateform that uses Spotify API to log in and read your listening history and likes and analyse songs properties (like tempo, time signature, sample rate ...), then translate them to charts and visuals to track the user's mood. In this project, I wanted to interact more with some backend technologies.

Technologies used: Reactjs, d3js, Express, Node, PostgreSQL, Ant Design, GraphQL, Apollo.

Education

Bachelor's Degree in Computer Science and Management

Higher Institute of Management of Tunis

Tunis, Tunisia

Languages

English.

Work experience

Front-End Engineer

Company
G**** ***
Santa Monica, United States (Remote)
Full-time

A platform that allows content creators and gamers to interact and increase their revenue by gaining more subscribers and donators using new top-notch features.

Responsibilities include:

  • Collaborating remotely with a distributed asynchronous team from all around the world.

  • Contributing to creating a highly performant and modular platform from scratch.

  • Creating a twitch extension to display a simplified user feed on twitch panels for more conversion rates.

  • Fixing bugs and users issues.

  • Reactjs
  • Nextjs
  • Redux
  • TypeScript
  • Bootstrap
  • Nestjs
  • Recharts
  • Socket.io
  • SASS

Front-End Engineer

Company
T*******
's-Hertogenbosch, Netherlands (Remote)
Freelance

A platform to track and control robots that auto-handle weeding in farms in real-time.

Responsibilities included:

  • Designed the UI of an MVP platform to remotely control a robot used for weeding and inspecting a whole set of information with Figma.

  • Created a highly performant platform from scratch with a high flow of real-time data.

  • Used Socket.io to display robot information's in real-time and to send commands.

  • Reactjs
  • Ant Design
  • Figma
  • Socket.io
  • D3js
  • Redux
  • SASS

Front-End Engineer

Company
W******
Tunis, Tunisia
Freelance

An IoT Energy Management Solution that measures real-time consumption using Smart meters connected to a cloud-based Dashboard and a Mobile App.

Responsibilities included:

  • Created a set of complicated charts with high data flow to visualize clients' energy consumptions.

  • Suggested and implemented a lot of changes in the design and architecture to break down some complex and ambiguous pages and components into simple and relevant experiences.

  • Upgraded a whole codebase written in Angular to the latest version.

  • Fixed a long list of bugs.

  • Angular
  • Apache Echarts
  • MaterialUI
  • Aws Cognito
  • RabbitMQ
  • AWS
  • CSS

Front-End Engineer

Company
V*****
San Francisco, United States (Remote)
Freelance

A unified developer Workspace for all your non-coding apps that helps engineering teams become more productive.

Responsibilities included:

  • Helped the frontend team on architecting and developing new challenging features on a tight deadline.

  • Offered instructions on refactoring and decomposing the codebase to assure scalability and enhance performance.

  • Reactjs
  • Ant Design
  • TypeScript
  • CSS
  • Redux

Front-End Engineer

Company
K*****
Tunis, Tunisia
Freelance

Collaborated with a big development firm in Tunisia to work on "Orange Digital Store" which is a marketplace for a big mobile network operator to make their services and subscriptions easy and accessible in one place.

I mainly participated in architecting and adding new features to the app, fixing bugs, and helping in optimizing the app's performance.

  • Vue
  • Nuxtjs
  • Boosted
  • Vant
  • SASS

Front End Engineer

Company
M*** **
Tunis, Tunisia
Full-time
  • Offered consulting services for 6+ startups all over the world to help solve problems at different development phases (features, bug fixes, optimization, refactoring).

  • Built 16+ projects through different development phases.

  • Introduced workflows and best practices to assure all codebases follow the same style guides.

  • Created internal components library to make developing admin panels faster by more than 40%.

  • Developed an internal tool to enhance the UX of Swagger UI which speeds up the process of API development and tests.

  • Conducted multiple technical interviews for web developers.

  • Trained and mentored 5 juniors from day one until they became reliable and autonomous developers.

  • Reactjs
  • Angular
  • Vue
  • Docker
  • Nextjs
  • Nuxtjs
  • GitLab CI/CD
  • Ant Design
  • D3js
  • Loopback
  • SASS

Personal projects

Spotify Mood Analyser

Since I love music and coding so much, I'm in the process of building a plateform that uses Spotify API to log in and read your listening history and likes and analyse songs properties (like tempo, time signature, sample rate ...), then translate them to charts and visuals to track the user's mood. In this project, I wanted to interact more with some backend technologies.

  • Reactjs
  • d3js
  • Express
  • Node
  • PostgreSQL
  • Ant Design
  • GraphQL
  • Apollo

https://github.com/khaledtb/json_edit

Links

A chrome extension to turn the old boring Textarea in Swagger-UI API specs into a fully-featured JSON editor to enhance the experience of developers working with a large amount of JSON data.

I felt the need to create this extension when backend developers sent me API endpoints to use in my frontend code with Swagger-UI generated with Loopback backend frameworks. Over time it became frustrating reading or editing large amounts of JSON which lead to more errors and a bad user experience.

  • JavaScript
  • Chrome Extensions API

Education

  1. Bachelor's Degree in Computer Science and Management

    Higher Institute of Management of Tunis
    Tunis, Tunisia

Quiz assessment

Frontend Quiz

View answers
K. Roberts scored 62.9 percent on the Frontend Quiz quiz.
K. Roberts ranks in the top 10 percent in the Frontend Quiz quiz.
πŸ’‘

K. Roberts πŸ‡ΉπŸ‡³ scored 63% in the Frontend Quiz quiz. This submission is in the top 10% from 18543 submissions of this quiz.

Technical interview

AT
Abdelrhman TarekGemography's assessment team
Yes

Khaled displayed product centricity, with a solid experience building products from scratch with user experience in mind.

he worked on many projects using react, VueJS, and next js with a reliable understanding of web development challenges.

Skills
Version control
Yes
  • Experienced with GitFlow

Performance & Monitoring
Yes

he suggested many solutions to handle loading images in a webapp like optimizing the images, lazy loading, pagination, and the use of CDNs

Debugging errors
Yes
Build Automation
Yes

he is aware of CI/CD and have experience with GitLab pipelines, he also have experience with docker.

Automated Testing
Neutral
  • He used enzyme and jest for testing on top of react applications

  • He is not fully aware by different types of tests (he is aware of unit testing)

Networking (ex : HTTP protocol)
Yes
  • Good understanding of CORS policy and how it may happen and how to avoid it

  • aware of differences between graphql and restful he need to be more aware of some of restful convention.

Coding best practices (Clean Code / Design, ... )
Yes
  • He is aware of common clean code roles and how to avoid code smells.

  • Familiar with DRY and KISS principles.

Algorithms & Data structures
Yes
  • Suggested a brute force solution with O(N^2) TC then he got O(N) solution without hints

  • Familiar with code optimization techniques (Time & Space complexity)

Clear communication and idea structure
Yes

Soft-skills interview

KF
Kyle FitzPatrickGemography's assessment team
Yes
  • Intermediate English - was able to express his ideas and hold a conversation effectively. Slight accent. 

  • Very positive with a strong passion for what he does. Loves to work with tech outside of work as demonstrated by his personal project: building a platform that interacts with Spotify. Also active in the tech community on social media. 

  • He is eager to learn and improve and he does this through personal projects. Also mentioned that it's important for him to work with seniors that he can learn from as well as people that he can teach. 

  • He is aware of what he needs to improve and gave two concrete examples: Being more flexible and helping with others he doesn't work with directly.

  • He seemed very humble and appreciative of his teammates. Did not take all the credit for himself and mentioned his coworkers often. 

  • He is eager to take on new roles and responsibilities as he stated that he wants to be able to make an impact and prefers a fast-paced environment. 

  • Has a lot of remote experience with distributed teams.

  • Has experience working with startups (his current job) as well as big companies. 

  • Thanked me for the opportunity to interview (humble).

Skills
Startup mindset and product sense
Yes
Problem Solving
Neutral
Remote Experience
Yes
Self-Awareness
Yes
French
No

Not comfortable communicating in FR. He understands it but do not use it to communicate.

Humbleness and eagerness to learn
Yes
Autonomy and ownership
Yes
Clear communication and idea structure
Yes
Ability to stay positive
Yes
English
Neutral