from October 2022 until now

Frontend Developer React

Synergie Belgium

At Synergie Belgium, within the Digital Development team, I am dedicated to developing and maintaining our various websites, web applications, and the intranet platform.

My role involves implementing intuitive interfaces from Figma designs with React, continually refining my frontend development skills. Additionally, I focus on ensuring continuous maintenance, improvement, and optimization of existing assets to sustain their functionality and performance.

Frontend

  • Development based on Figma designs
  • Landing pages
  • User account pages
  • User account settings
  • Similar jobs page (on 404 job not found)
  • Thank you page
  • Agencies map: react-google-maps
  • GDPR Form
  • Intranet homepage
  • Blog pages, likes
  • Messaging: recipients, React-RTE, …
  • Data widgets
  • Ticketing pages via Topdesk API
  • Registration flow
  • Responsiveness
  • A11y (Accessibility)
  • GA tracking consent (cookies & context)
  • Update Bootstrap v4 -> v5
  • Convert JS(x) files to TS(x)
  • Refactorings (e.g. code repetitions)

Forms

  • FE: React, Formik
  • BE: Node.js
  • Input validation: Zod, Yup, Joi
  • React-select dropdowns
  • React-phone-number-input
  • Debounced search
  • File uploads

Routing

  • Next.js (pages router)
  • React-router-dom

User account handling

  • Implementation of account creation & login
  • Favorites, saved searches, applications
  • Deferring user actions until after login/account creation (including session storage)

SEO

  • GSC monitoring
  • Page titles, summaries, keywords
  • Structured data

FE Styling

  • CSS incl. basic animations (spinners, buttons)
  • Sass (7-1)
  • Bootstrap
  • Reactstrap
  • Landing page with parallax effect

Emailing

  • Creation and use of dynamic Sendgrid email templates.

Internationalization

  • I18n

Backend

  • Node.js
  • Adding/modifying routes
  • Validation
  • Scripts, cron jobs

Databases

  • SQL, Sequelize
  • MongoDB
  • Compass
  • Azure Data Studio
  • MySQL Workbench
  • Firebase

Error handling

  • Logging: Sentry
  • Following up on Sentry errors

External APIs

  • Using Postman for developing/debugging

Proceedings

  • Topdesk ticketing
  • Gitlab, Gitflow

Data Input

  • Creation and follow up of procedures in our custom web applications.
The Synergie website front pageA form to fill out for users wanting to apply for a job spontaneouslyThe 'offices' page where users can view and search offices all accross BelgiumThe FlexiJobs landing page

from 15 November until 31 December 2021

Full-Stack Developer Internship

fAIbrik - Annecy, France

During my internship at fAIbrik, I developed a Microsoft Teams application allowing users to subscribe to alert notifications emanating from the fAIbrik web app. I created a standalone bot using Node.js, integrating it into the fAIbrik platform via Microsoft Azure. This involved implementing features such as the waterfall dialog system, Microsoft's Adaptive Cards, and managing user subscriptions in MongoDB. I also set up event handling through RabbitMQ queues. Additionally, I worked with tools like Ngrok, Postman, Auth0, and followed Agile methodology using Trello and Gitlab.

  • Node.js Development: Developing a standalone conversational bot using Microsoft Azure and Microsoft Bot Framework SDK.
  • Microservices Integration: Orchestrating communication between the bot and the fAIbrik web app using RabbitMQ queues.
  • MongoDB Subscription Management: Efficiently handling user subscriptions for alert notifications within the Microsoft Teams application.
MS Teams app store page detailing the fAIbrik appA MS Teams alert from the appThe app welcome dialogua, proposing to connect to the user's fAIbrik account and to subscribe to the alertsA menu detailing the app's possibilities: connecting, disconnecting and (un)subscribing to alertsWhen a user indicated not being a fAIbrik client yet, (s)he is invited to visit the company's website

from 24 May until 2 July 2021

Frontend Developer Internship

Sport Data Intelligence - Annecy, France

After the first year of my studies, I had the opportunity to dive into the professional world of software development through an internship at Sport Data Intelligence. I actively contributed to the creation of the company's new showcase website, laying the foundation for my practical experience in JavaScript, React, Next.js, and Material-UI.

  • End-to-End Website Development: Creating a new showcase website from conceptualization to implementation.
  • Skill Consolidation and Professional Growth: Leveraging theoretical insights gained from my coursework in a real-world context. Embracing the intricacies of working in a professional environment, collaborating within a team, navigating constraints, shouldering responsibilities, meeting deadlines, and exceeding expectations.
  • Agile Development and Version Control: Gaining hands-on experience in agile methodologies, participating in Daily Scrum Meetings, Storyboarding, and Kanban. Initiated into the art of Gitflow, enhancing my understanding of version control and collaborative coding practices.
Hero of the Sport Data Intelligence website frontpageBottom part of the Sport Data Intelligence website including footerContact page of the Sport Data Intelligence website including OpenStreetmaps pluginLogin page to access the Sport Data Intelligence website backoffice