I am Achref,
a Full-Stack Developer
About Me
I’m a Full-Stack Software Developer. What makes me stand out isn’t just writing code,
it’s delivering complete
solutions.
I’ve worked across diverse systems like automotive, e-learning, hotels,
and ERP, always starting with UI/UX
first to ensure the end product is not only functional but also intuitive.
I aim
to be a great developer, not just a
good one, meaning I focus on scalability, teamwork, and making technology feel seamless
for the people who use it.
Front-End Skills
Back-End Skills
Programming Languages
Databases
Version Control
DevOps & Automation
Design & Creative Tools
Experience
Software Developer
KPIT
08\2024 - Present
Developed a VSCode extensions to modernize and enhance systems originally built
with different Core.
Designed and implemented automated GitLab pipelines, streamlining processes and
reducing human errors.
Collaborated with departments leadership to refine projects requirement, propose
improvements, and optimize the user experience.
Contributed to a multi-national team (Tunisia, Spain, Germany) in developing a
real-time web applications leveraged Docker for seamless deployment and MQTT for
real-time communication.
Actively collaborated in agile sprints, code reviews, sprint planning, and
pair-programming sessions to ensure timely feature delivery.
Education
Higher Institute of Computer Science and Multimedia of
Sfax
Master in Project Management and Innovation
September 2021
Gained expertise in managing projects efficiently while fostering innovation.
Worked on multiple freelance projects, developing web applications using
Laravel, Vue.js, and PHP. Designed and built scalable solutions, applying best
practices in full-stack development to meet client needs.
Higher Institute of Computer Science and Multimedia of Sfax
B.A. Degree in Computer Science
September 2018
Gained a strong foundation in software development, covering fundamental programming concepts and game development principles. Studied complexity analysis and object-oriented programming (OOP) to build efficient and scalable applications. Earned multiple certifications, further enhancing technical expertise.
What I've learned
Recent Works
Here are some of my favorite projects I have done lately. Feel free to check them out.
TestBench Devices Discovery
I Contributed to a full-featured solution using Angular, TypeScript, Spartan UI, Zod,
VS Code API, and an internal company backend tool to streamline device testing and
simulation. The goal was to connect a web application to a local machine testbench
through GitLab CI and Docker for automated deployment.
The system allows users to:
➤ Discover connected devices on the testbench.
➤ Create and manage virtual devices to test connectivity and simulate real-world
responses.
➤ Run in dual modes: as a standalone web app and as an integrated VS Code extension
webview.
➤ Leverage YAML-based configuration by parsing machine setup files and transforming
the data into a ready-to-use, interactive representation within the app.
This solution provided a flexible testing environment, supporting both local and
virtual device workflows, while ensuring seamless integration with developer tooling
and CI/CD pipelines.
Key Gains & Learnings
➤ Strengthened expertise in Angular and TypeScript for building scalable front-end
applications with clean architecture.
➤ Gained hands-on experience integrating Spartan UI and Zod for robust UI design and
data validation.
➤ Learned how to design applications that can run in dual environments: standalone
web apps and embedded VS Code extensions.
➤ Improved understanding of CI/CD pipelines by automating deployment with GitLab CI
and Docker.
➤ Built proficiency in handling YAML-based configuration, transforming static setup
files into dynamic, interactive data.
➤ Enhanced problem-solving skills by developing a solution that bridges local
hardware testbenches, virtual devices, and developer tooling.
- TypeScript
- Angular
- Spartan UI
- Zod
- VS Code API
- GitLab CI
- Internal Company Backend Tool
VS Code Extension Migration & Enhancement
Led the migration of a company’s customized Eclipse-based software into a modern VS
Code extension.
Key contributions included:
➤ Project Leadership: Directed a team of 2 engineers, managing project environment,
CI/CD pipelines, and development workflows.
➤ Eclipse → VS Code Migration: Rebuilt and refined existing features using React and
the VS Code TypeScript API, ensuring improved performance and usability.
➤ Protocol Data Handling: Converted Ethernet, CAN, and LIN databases into reusable,
customized datasets for signal visualization, test case creation, and automated
testing.
➤ Real-Time Jira Integration: Connected Jira APIs to enable ticket visualization,
filtering, commenting, and status updates directly inside VS Code; implemented
hashtag-based quick ticket description lookup.
➤ Developer Experience: Established best practices with Airbnb ESLint + Prettier,
ensuring consistent, clean code.
➤ CI/CD Automation: Designed and implemented a GitLab CI/CD pipeline (gitlab-ci.yml)
for packaging, linting, and automated checks.
Successfully completed the project within 6 months, enhancing usability, workflow
efficiency, and collaboration between development and QA teams.
Key Gains & Learnings
➤ Cross-Platform Adaptation: Learned how to rebuild complex Eclipse features into
modern, lightweight VS Code extensions, improving maintainability and user
experience.
➤ Deep API Knowledge: Gained strong expertise in the VS Code TypeScript API, Jira
APIs, and integrating real-time data visualizations inside the IDE.
➤ Protocol Data Mastery: Strengthened understanding of Ethernet, CAN, and LIN
databases, transforming raw automotive communication signals into reusable, testable
datasets.
➤ CI/CD Automation: Built a production-grade GitLab CI/CD pipeline, handling
packaging, linting, and automated checks to maintain project quality.
➤ Best Practices & Code Quality: Applied industry standards (Airbnb ESLint +
Prettier) to enforce clean code practices and collaborative workflows.
➤ Leadership & Collaboration: Led a team of 2 developers, coordinated with existing
teams, and delivered the migration in 6 months while refining processes.
- TypeScript
- React
- Joy UI
- VS Code API
- Jira API
- SQL
- Real-Time WebSocket
- GitLab CI
- Zod
- TanStack Query
Real-Time Monitoring & Visualization (TEOS)
Developed a web application using React (frontend) and Django (backend), with a
strong focus on frontend contributions.
➤ Frontend Development: Implemented UI components with React, following Airbnb
ESLint + Prettier coding guidelines for consistent best practices.
➤ Validation & Data Handling: Applied Zod for schema validation and TanStack Query
for asynchronous state management, server-state utilities, and efficient data
fetching.
➤ Real-Time Communication: Extended a WebSocket connection from an MQTT broker to
synchronize live signals and values from an internal tool, ensuring continuous data
updates.
➤ UI/UX Design: Designed user interfaces and workflows in Figma, prioritizing user
experience and intuitive interactions.
➤ Collaboration & Communication: Held weekly demos to present progress, gather
feedback, and ensure alignment with stakeholders.
➤ Deployment & DevOps: Containerized the application, deployed it on Linux machines,
and configured environments using shell scripts. Set up a GitLab CI/CD pipeline to
manage builds, tests, and deployments.
Key Gains & Learnings:
➤ Gained hands-on experience with real-time data synchronization using WebSockets
and MQTT.
➤ Strengthened expertise in React ecosystem tools (TanStack Query, Zod, ESLint,
Prettier).
➤ Improved skills in UI/UX design and prototyping with Figma.
➤ Learned to bridge development and DevOps, from Docker containerization to GitLab
pipeline automation.
➤ Enhanced team collaboration and communication through weekly demos and iterative
feedback loops.
- TypeScript
- React
- Material UI
- TanStack Query
- Zod
- UI/UX
- GitLab CI
- Python
3D Car Simulation
I contributed to the development of ANDi Premium version software by:
➤ Creating a new feature centered around a 3D Car simulation environment.
➤ Building a Unity-based 3D car environment and integrating it with ANDi to run on a
synchronized thread, ensuring performance optimization.
➤ Developed a second version of the 3D Car in Godot using C#, where I implemented a
TCP socket connection between Unity and ANDi (choosing TCP after thorough research
and presenting its advantages to management).
The 3D car models provided by the company were enhanced through Blender, where I
separated parts for better control, animations, and programmability within Unity and
ANDi. In addition, I updated ANDi’s existing features, pipelines, and unit tests to
align with the new functionality and ensure smooth release generation.
Key Gains & Learnings
➤ Gained experience in game engine integration by working with both Unity and Godot
C# for simulation.
➤ Strengthened skills in real-time communication using TCP sockets to connect
multiple applications.
➤ Improved performance optimization techniques by leveraging synchronized and
controlled threading in C#.
➤ Enhanced 3D asset manipulation skills in Blender, including separating models into
functional components for animation.
➤ Learned to adapt and extend existing systems by updating unit tests, features, and
CI/CD pipelines to support new functionality.
➤ Developed stronger research and presentation skills by evaluating communication
protocols (TCP vs alternatives) and justifying architectural decisions to
management.
- C#
- WinForms
- Unity 3D
- TCP Socket
- Real-Time Data
- Jenkins
- GitLab CI
- Figma UI/UX
- Illustrator
- Blender 3D
- Godot C#
Buy & Sell Platform
I worked as a Full-Stack Developer on a Buy & Sell platform built with native PHP and
Bootstrap.
My role focused on enhancing both the backend and frontend, implementing new
features, and proactively suggesting improvements through direct client
communication.
In addition to core development, I was responsible for building a web scraping
module to collect and list external announcements directly on the platform.
Initially, I used Robot Framework with Selenium to automate the scraping process.
Later, in the second version, I migrated the automation to RPA.Desktop, which
streamlined the workflow, making it easier to manage automation and scraping tasks
across different aspects of the system.
Key Gains & Learnings
➤ Strengthened expertise in full-stack web development with PHP and Bootstrap.
➤ Improved client communication by gathering feedback, suggesting features, and
aligning technical work with business goals.
➤ Learned to implement web scraping automation with both Robot Framework + Selenium
and RPA.Desktop, gaining insights into scaling automation solutions.
➤ Enhanced problem-solving by transitioning from traditional scraping to RPA-based
workflows, resulting in better maintainability and usability.
➤ Gained valuable experience in balancing new feature development, platform
stability, and automation efficiency within a live product.
- Python
- Selenium
- Robot Framework
- HTML
- CSS
- Bootstrap
- PHP
Get In Touch
I'm always eager to explore new projects, innovative ideas, and opportunities to contribute to your vision.