Andrea

Scorcia

Frontend

Developer

.BackgroundImage__StyledBackgroundSection-sc-1bjpvfz-0.eIqFSW:before { opacity: 1; background-image: linear-gradient(rgba(255, 68, 131, 0.62), rgba(14, 217, 158, 0.62)),url('/static/020cfaac5db23543cb58636ff8eff86c/9dc27/andrea_bw.jpg'); }

About me

Hello, I'm Andrea, a self-taught Javascript and ReactJS developer based in Brno, Czech Republic.

I've been working for more than ten years in communications, including with international organisations such as the European Commission, managing the online & visual communication for its Representation in Malta.

Over the past three years, I took up web development and created a number of web & mobile applications for work and for fun.

When it comes to front-end, my tool of choice is ReactJS (with functional components & hooks), with the additional safety net of TypeScript. I have also experimented with React Native to bring my apps on small screens.

On the back-end side, I usually reach for NodeJS, Express and MongoDB, while for testing I use Jest, React Testing Library, Cypress and SuperTest.

This is the stack I'm currently comfortable with, but I'm always eager to learn new stuff!

My current stack

TS

TypeScript

Javascript

React

NodeJS

HTML5

CSS3

React Native

MongoDB

GQL

GraphQL

GO

Some of my projects

A few of my projects have been built for internal use at my former workplace. Since these contain sensitive information, they are accessible only via authentication... That's why for each project I included a short video-demo showing its main features.

#COVID19 Update

My lockdown project! Web app tracking the daily developments of the coronavirus outbreak worldwide, visually comparing chronological and quantitative data by country and giving a historical overview of past pandemics. The data is sourced from the public repository of the Johns Hopkins University.

React

D3

Web-scraping

DEMO

QuizMachine

A simple quiz-taking and quiz-generating application built completely in TypeScript. Users can test themselves with quizzes coming from two sets of APIs (trivia & programming) picking the subject (or going random), setting the difficulty level and choosing the number of questions. Users can also register to create their own quizzes to share with the community.

TypeScript

React

React Router

Express

PassportJS

Rest API

API consumption

Styled Components

DEMO

Organigram generator

Staff changes happen all the time... Instead of designing a new diagram every time a new intern joins the organisation, this web application allows the staff of the European Commission Representation in Malta to create, update and save the organisation’s organigram as a PDF in a few clicks. It also serves as a contacts’ directory to call or email colleagues with just one tap.

TypeScript

React

Express

NodeJS

MongoDB

Rest API

Styled Components

DEMO

Automation tools

Repetitive and mind-numbing tasks are the stuff of nightmares! Like copy-pasting a lengthy web-page to a word document and format it section-by-section, going through a never-ending procedure just to send out a newsletter, or extracting the text of a newspaper article from a photo. Automation to the rescue! I created this web app, a mix of browser automation & web-scraping, to automate some particularly boring routines at my previous workplace and integrate various non-connected corporate tools into one single workflow.

React

NodeJS

Express

Web-scraping

Puppeteer

CheerioJS

Tesseract

Rest API

DEMO

Kayaking mobile app

Working prototype of React Native application built for the Sea Kayak club in Malta. Users can check in when going out for a paddle, specifying their itinerary & estimated time of arrival. If the kayaker does not check out by his/her ETA, all subscribers receive an alert notification. The app also serves as a logbook of the club's activities, a repository of kayaking trips, a source of technical references and handy practical info (e.g. nautical units conversion, interpretation of buoyage and light signals).

React Native

Expo

NodeJS

Rest API

Redux

MongoDB

DEMO

@ec.events.mt

Event management platform built for the Representation of the European Commission in Malta to handle registration for their events. The organiser can create his/her event, share the registration link with invitees and confirm or reject attendance, so as to avoid gate-crashing.

React

React Context

NodeJS

Express

MongoDB

JWT

Rest API

DEMO

FamilyWeather+

The usual weather project... with a twist! Having my family spread in different European cities, this progressive web app gives an overview of the weather for each of these locations, sorting them according to various parameters. Are your dear ones living somewhere else? Or maybe you just want to compare weather in different locations ahead of your weekend break? Create and save your own dashboard! The data is from the Open Weather Map API.

React

API consumption

PWA

DEMO

Get in touch!

andrea.scorcia@gmail.com

My LinkedIn profile

My Github repositories

+420 604 715 513