Projects

U-ride: Car Drive Testing

In my first professional role, I was tasked with the exciting yet daunting challenge of singlehandedly developing a new React application for a startup. The goal was to bring to life 'U-ride,' an app designed for scheduling and feedback collection for car drive tests, focusing on major French car brands.

Project Background: The company's website, critical for car drive test scheduling, was desperately in need of an update. It lacked modern design and functionality, impacting user engagement and brand perception.

Overcoming Challenges: As a novice in the professional realm, I embarked on a steep learning journey. Mastering Javascript, React, Redux, and other technologies became my weekend pastime. Implementing Firebase's multi-tenant service added another layer of complexity, given the diverse range of brands utilizing the app.

User Engagement and Impact: The app quickly became a hub for hundreds of daily car test drives and feedback submissions. This surge in engagement not only validated the app's effectiveness but also echoed its role in enhancing user experiences and business processes.

Technologies and Tools:

• Frontend: Javascript, CSS, HTML, SASS, React, Redux, Material-UI, Bootstrap
• Backend: Firebase, Node.js, Express.js
• Others: GitLab, GraphQL, apexcharts, formik, react-excel

Reflecting on this project, I realize it was a pivotal point in my career, instilling in me the confidence and skill to tackle complex challenges head-on and underscoring the importance of continuous learning in technology.

Friends Day Campaign App - A Venture with Vodafone

In a collaborative effort with Boost-It, Celfocus, and Vodafone, I played a pivotal role in developing a mobile application for Vodafone's Friends Day campaign. This project aimed to harness the power of digital engagement through an innovative app.

Project Background: Vodafone sought to enhance user engagement for their Friends Day Campaign. Recognizing the potential of a dedicated mobile application, the project was launched with the goal of reaching users across a broad spectrum.

Embracing Challenges: The technical requirements were formidable. As a Front-end Developer, I navigated the complexities of ensuring seamless functionality across countless Android and iOS devices via webview. This was also my first exposure to working in large, dynamic teams, adding another layer of learning and collaboration.

User Engagement: The application recorded an impressive turnout, engaging hundreds of thousands of users during the active days of the campaign, signifying its impact and success.

My Role and Contributions: As part of the front-end team, I was deeply involved in shaping the user interface, leveraging JavaScript, Typescript, and React. My focus was on creating responsive designs that would be accessible and appealing across various device types and sizes, ensuring a smooth user experience. Collaborating with the design team using Figma, and managing tasks through GitLab and Jira, were integral parts of my role.

Technologies and Tools Used:

• JavaScript, Typescript, CSS, React
• Figma for UI/UX design
• GitLab for version control
• Jira for project management
• Postman for API testing

Reflecting on this project, I gained invaluable insights into the nuances of front-end development for high-traffic applications and the dynamics of working in large-scale, collaborative environments.

Christmas Campaign App - Vodafone

In the winter of 2021, I had the opportunity to contribute significantly to the Christmas Campaign App for Vodafone, a project developed in collaboration with Boost-It and Celfocus. Building on the momentum from our successful Friends Day Campaign, this new venture was both a challenge and an exciting opportunity to showcase our growing expertise.

Project Background: The Christmas Campaign aimed to create a digital experience that resonated with the festive spirit, engaging Vodafone’s users more effectively than ever. Building on the trust gained from the previous project, I was given more freedom in technology selection. I recommended Gatsby.js for its optimal balance of static and dynamic features, a decision that proved crucial given the limitations of Vodafone's older Tomcat server.

My Role and Contributions: As one of the two Front-end Developers, working closely with another colleague, I was deeply involved in the technical aspects of the application. My advocacy for Gatsby.js, which was ultimately implemented, played a significant role in enhancing the app's performance and user experience. My responsibilities included developing user interfaces that were both aesthetically pleasing and functionally robust, ensuring they aligned with the festive theme of the campaign.

Efficiency in Execution: Our previous experience with developing similar applications provided us with valuable insights, enabling us to complete this project in half the expected time. This efficiency was not just a testament to our technical skills but also to our ability to learn and adapt quickly from past experiences.

Technologies and Tools Used:

• JavaScript, CSS, Gatsby.js for front-end development
• Figma for UI/UX design
• GitLab and Jira for project management and collaboration
• Postman for API testing

Reflecting on this project, I value the importance of collaboration and the sharing of knowledge. Working alongside a colleague, we were able to combine our strengths and learn from each other, contributing to the overall success of the project. This experience reinforced my belief in the power of teamwork and the impact of thoughtful technology choices in creating successful digital solutions.

Vodafone Back-office Web Application

In early 2022, I embarked on a transformative project with Boost-It, Celfocus, and Vodafone, focusing on revolutionizing the back-office application used by Vodafone's call centers and store personnel. The objective was to modernize the UI/UX and introduce new features, enhancing efficiency and user experience for internal operations.

Project Background: The crux of this project involved migrating from extjs to React for the front-end, while also implementing a fresh, modern design. This update was crucial for Vodafone’s internal staff, who rely on the application for accessing client information and managing accounts.

Tackling Technical Challenges: This project presented a series of firsts for me. It was my initial foray into a microservices architecture on the front-end, coupled with legacy code integration. The codebase was vast and intricate, adding layers of complexity to the task. Additionally, developing backend internal API features with Spring Boot and Java, also structured around microservices and spanning multiple Git repositories, was a significant part of my role. The initial setup phase, including tool configuration, took about a week, reflecting the project's complexity.

My Role and Contributions: As a Full-stack Developer, my responsibilities were twofold. On the front-end, I played a key role in the React transition, ensuring a seamless integration with the existing system while introducing a more intuitive and responsive user interface. On the back-end, my work with Spring Boot involved developing robust API features to streamline internal processes. This dual responsibility required me to bridge the gap between front-end and back-end development, ensuring a cohesive and efficient application.

Technologies and Tools Used:

• Front-end: Java, JavaScript, CSS/HTML, React, Redux
• Back-end: Spring Boot, with a focus on microservices architecture
• Version Control and Collaboration: GitLab

The project not only modernized Vodafone’s internal systems but also provided me with invaluable experience in full-stack development, particularly in adapting to and implementing microservices architecture. This experience honed my problem-solving skills and deepened my understanding of integrating front-end and back-end technologies in a large-scale enterprise environment.

Ok Seguros - Home Insurance Simulator

As Ok Seguros, a growing insurance company, sought to expand its digital offerings, I joined the project to develop a new home insurance simulators UI/UX with Deloitte team. This web app was designed to enable clients to easily access and contract home insurance services online.

Overcoming Development Challenges: Stepping into the role of lead front-end developer, I faced the unique challenge of working with Outsystems Service Studio. This low-code, drag-and-drop environment was a departure from my usual code-centric workflow. Adapting to this new tool, I had to find innovative ways to implement the company's highly custom UI/UX designs, created in Figma, with pixel-perfect precision. This task was critical, as the app was expected to be used by hundreds of thousands of customers. My approach involved leveraging vanilla JavaScript and CSS, focusing on meticulous detail and alignment with the design team's vision.

My Role and Skill Enhancement: As the lead on all front-end development, I was responsible for implementing all CSS and JavaScript to achieve an engaging and user-friendly UX. This project pushed me to develop new skills, particularly in implementing complex designs using pure CSS, without relying on external libraries like Tailwind or Bootstrap. This experience was a significant step in my journey as a developer, enhancing my ability to deliver high-quality, bespoke designs under unique constraints.

Technologies Used:

• Outsystems Service Studio for app development
• JavaScript and CSS for custom front-end development

Link: Home insurance simulator

Reflecting on this endeavor, it was a pivotal exercise in flexibility and precision, significantly enriching my front-end development expertise.

Ok Seguros - Vehicle Insurance Simulator

Project Background: Riding on the success of the home insurance simulator, we were entrusted by Ok Seguros with a new, more complex challenge: developing an automobile insurance simulator. This project was not only a testament to our proven capabilities but also an opportunity to push our technical boundaries further.

Tackling Greater Challenges: Building on our previous experience, this project presented a new set of challenges. The scope had expanded to include double the number of pages and features, each with intricate UI/UX demands. My familiarity with the Outsystems environment, gained from the previous project, was an asset. However, the complexity required innovative use of CSS and JavaScript to meet the high standards set.

My Role: As with the previous project, I spearheaded the front-end UI/UX development. Working in close collaboration with both the design team and Outsystems developers, my role was pivotal in ensuring the seamless integration of complex UI elements and functionalities.

Tools Used:

• Outsystems for the low-code development environment
• JavaScript and CSS for custom front-end implementation

Link: Vehicle insurance simulator

This project not only solidified my UI/UX knowledge but also marked a significant step in my professional journey, highlighting my ability to adapt and excel in increasingly complex development scenarios.