Asset 14

Hi, my name is
Lorenzo Del Rosario and i love          being a software engineer.

God is in the details” said Mies van der Rohe, one of the fathers of the modern minimalist design and architecture. By following this concept I aim to develop pixel-perfect, pleasing and functional websites that satisfy the user.

About

Hello, I'm Lorenzo, an Italian-Australian software engineer specializing in frontend development, and currently working my way to be a fullstack developer.

Since a young age I've always been fascinated by the creative process: I was always drawing, painting or 3D modeling. This passion moved me to get a bachelor in product design during which I started thinking about web development. Upon completing my degree, I dove into web development in 2019. While pursuing a Web Development Diploma at Holmesglen in Melbourne, I joined and formed groups of developers, enhancing our skills through regular discussions on web technologies.

In my free time I'm currently working on personal projects.#alwayslearning

My skillset is composed by:

Development
HTML(S)CSSNode.js
ReactReact NativeNext JS
JavaScriptTypeScriptNuxt
AWS
Design
PhotoshopATOMIC design
InDesign
Illustrator
Figma
portrait

My Professional Journey

(Click on job titles to discover more)

Software Engineer


Sportsbet

Software Engineer

This is the biggest company I've worked so far. I'm facing a lot of new challenges as I'm moving form a Front-End engineer to a Full-Stack Engineer role. The Front-End stack mainly uses React.js, React Native and the old Redux (2015 version, no Redux Toolkit and nice hooks with automated typings 😅). The Back-End varies across multiple languages (TypeScript, Java, Kotlin, Python) and is fully based on AWS. It's a great experience to get comfortable with cloud-computing technologies.

React Developer


GoMarkets

React Developer

Development of various tools for internal monitoring & auditing of the business, invoicing tools and optimized performances and accessibility on client side web-apps.

React Developer


Blockchain Italia

React Developer

I'm quite fond of this blockchain startup based in Milan. Here I've worked autonomously on the migration of a web-app front-end from Angular 2 to React.js with Typescript. It has been a bit of a challenge but I've managed to learn a lot of new things such as Styled Components and Typescript. I have then worked on the front-end a of a dApp using Flutter. I've decided to get involved in this Flutter project to learn more about strongly typed languages as Dart is very similar to Java and to directly approach OOP while discovering the mobile development. Three birds with one stone!

Front-end Apprenticeship


Zucchetti

Front-end Apprenticeship

As a Front-end apprentice in a big company I had the possibility to approach to Agile mindset and SCRUM methodology. I've mainly worked on bugfixing, developement of new features for the company products and lately I've developed a small company tool to safely interface with spreadsheets using a simple Node.js back-end a React.js front-end with Tailwind.

Web Development Diploma


Holmesglen Institute

Web Development Diploma

The diploma of Web Development at Holmesglen covered in a very practical way a wide variety of Front-end and Back-end topics. In this course I've learned many new skills, especially in Front-end development and made me face for the first time with the Back-end development. Some Front-end skills I learned are: React.js, Vue.js, Object Orientated Programming Principles and Techniques, Asynchronous Programming, TypeScript, Git, Scss & Sass, Webpack, Babel. Some Back-end topics I had to work with are: Node.js, npm, Express.js, MongoDB, MySQL & Firebase, Restful API Design, Authentications & Authorisation.

Graphic and web design intern


Bloo Agency

Graphic and web design intern

As a graphic and web design intern at Bloo Agency where I've experienced working in a studio environment and scheduling work duties day by day.

Web Design Certificate


Infobasic

Web Design Certificate

The web design certificate at Infobasic is the course that allowed me to move my very first steps in the web development. Here I've learned HTML and CSS, the Bootstrap library and the Wordpres CMS.

Projects

  • Portfolio v2

    • Vue 3
    • Astro.js
    Portfolio v2Portfolio v2

    The previous version of this website was slow, very slow. As I've worked with Next 13, my interest for SSR frameworks grew up and I took the chance to migrate my portfolio from SPA to SSR while studying Astro.js. To minimize possible version issues the migration process involved a first migration to Vue 2 to Vue 3 and a subsequent migration to Astro.js. This allowed the website DOMContentLoaded to shrink from 4-5 seconds to less than 0.200ms.

  • RSG UI Packge

    • React
    • Typescript
    • Chakra UI
    • Formik
    • GitHub Actions
    • GitHub Packages
    • Rollup
    RSG UI Packge

    In order to maintain a uniform and harmonious UI along with synchronized functionalities across two of our major web applications - GoMarkets Invoicing Tool and GoMarkets Customer Service (CS) Tool, I created a proprietary NPM package. This was as an essential step as we started to incorporate new developers with no prior Front End experience. To facilitate their initiation into the development process and to ensure that the aesthetics and operability of our web apps remained consistent, I've included all the reusable components developed following the ATOMIC design system. This package was hosted on GitHub Packages and was set to be private for our organization.

  • GoMarkets CS Tool

    • React
    • Typescript
    • Chakra UI
    • RESTfull API
    • SWR
    • Chart.js
    • React-DnD
    • GitHub Actions
    • Figma
    GoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS ToolGoMarkets CS Tool

    The Application Manager Tool is an internal app used to manage new clients build on top of the RSG proprietary NPM package. I had the responsability of picking the Front End tech-stack, create the design system and develop the web app. The Application Manager Tool allows to monitor, update, approve or decline new client applications and keeps track of all historical subscription data (legislation, location, status and much more). The web app dashboard allows to create a personalized experience through dag and dropping a series of customizable widgets. This decision was made to allow every employee to pick autonomously the amount, type and layout of data depending on his/her task and maximize their productivity removing any possible barrier in their app journey.

  • GoMarkets Invoicing Tool

    • React
    • Typescript
    • Chakra UI
    • RESTfull API
    • SWR
    • GitHub Actions
    • Figma
    GoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing ToolGoMarkets Invoicing Tool

    The Invoicing Tool is an internal tool to send invoices to clients and partners. I had the responsability of picking the Front End tech-stack, create the design system and develop the web app. Despite the project's relatively brief duration of a few months, it presented a challenge: simultaneously developing three distinct applications, each necessitating similar UI functions and a unified design system across different repositories. This predicament led to the creation of the proprietary the RSG proprietary NPM package, a solution that ensured consistency across all applications and ease the job of other developers.

  • Helppay Headless Website

    • Vue
    • Nuxt
    • Acoustic Content CMS
    • Node.js
    Helppay Headless WebsiteHelppay Headless Website

    The headless website has been developed as the main point of contact for the acquisition of new clients. HelpPay is a mobile and web app for turning your bills into links to share with the people that can help you pay.

  • Dedit (currently in testing)

    • React
    • Typescript
    • Styled Components
    • Encryption / Decryption
    Dedit (currently in testing)Dedit (currently in testing)

    Dedit is a Blockchain Italia product and it consists in a notarization app that allows the user to notarize, store and encrypt almost any kind of file. Its first version has been realized in Angular2 and my role was to migrate the old front-end to a more user-friendly and functional one developed in React-Typescript. The application currently works but it's still in the testing phase.

  • Aeolians (decommissioned)

    • React
    • Redux
    • Firebase
    • Firebase-auth
    Aeolians (decommissioned)Aeolians (decommissioned)

    Aeolians is an italian rental company for holiday houses in Eolie Islands. My work has been to design the visual identity of the website and develope it in React.js, connecting the website to a Firebase database and develop a little CMS to allow the business owner to manage the apartments informations like descriptions, photos, services, booking links. The main challenge has been understanding and working with a noSQL database and manage the authentication on Firebase rules.

  • The Italian Job

    • React
    • Redux
    • Node
    • Express
    • JWT-auth
    The Italian JobThe Italian Job

    TheItalianJob project is a platform thought for italian people linving abroad who are looking for other italian workers. This project has born looking in italian groups of people living abroad: there's an high request of workers with the same backgound. It features an authentication system to create your profile so the employers can search for their best fit. It is in development phase and covers some full-stack development skills, an intresting challenge for myself.

  • Portfolio v1

    • Vue
    • SCSS
    Portfolio v1Portfolio v1

    This portfolio has been a fun and easy project that allowed me to focus on learning the basics of Vue 2 framework, SVG animations and move my first steps with SCSS functions, mixins and variables.

  • Contacts

    Let's get in touch          .

    Wether You have a job opportunity, a project to collaborate on or You just want to have a chat and exchange some ideas feel free to contact me!