Gabriele's Pic
Aperto a nuove oppurtunità

Gabriele Prestano

Junior Front End Developer

Sono uno sviluppatore front-end junior autodidatta di 21 anni a cui piace creare interfacce utente pulite e moderne. Lavoro principalmente con React, TypeScript e TailwindCSS e ho una conoscenza di base di Angular.

Le tecnologie che uso

  • HTMLHTML
  • CSSCSS
  • JavaScriptJavaScript
  • TypeScriptTypeScript
  • ReactReact
  • TailwindCSSTailwindCSS
  • GitGit

Educazione e Formazione

  • Istituto Superiore Majorana LogoIstituto Superiore Majorana

    09/2018 - 06/2023

    Diploma di Perito Informatico

    1. Studio del linguaggio di programmazione Java;
    2. Studio e realizzazione di un progetto di classe con il database mySQL;
    3. Studio e realizzazione di un progetto scolastico con Joomla.
  • Istituto Superiore Majorana LogoUdemy

    03/2025 - 04/2025

    JavaScript - La guida completa

    1. Approfondimento di JavaScript;
    2. Breve introduzione a Node.js ed Express;
    3. Introduzione a TypeScript, React;
    4. Breve introduzione ad Angular;
    5. Introduzione al gestore di pacchetti npm.

Progetti

  • GameShelf

    GameShelf

    Una libreria di giochi sviluppata con Next.js, TypeScript, TailwindCSS e Redux Toolkit. Gli utenti possono esplorare un'ampia gamma di giochi, cercarli e filtrarli, visualizzare pagine dettagliate e gestire la propria lista dei preferiti con facilità.

    • Next.js's IconNext.js
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
    • Redux Toolkit's IconRedux Toolkit
  • Recipes App

    Recipes App

    Un'app di ricette moderna e reattiva, sviluppata con React, TypeScript, TailwindCSS, Zustand e React Router. Gli utenti possono esplorare un'ampia gamma di ricette, cercarle e filtrarle, visualizzare pagine dettagliate e gestire la propria lista dei preferiti con facilità.

    • React's IconReact
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
    • Zustand's IconZustand
  • Angular Browser Extension

    Angular Browser Extension

    Gestore di estensioni browser, realizzato con Angular 20. 🎯 Un progetto personale inizialmente creato in React ricreato in Angular per testare signals, input()/output() e localStorage().

    • Angular's IconAngular
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
  • Angular Quiz App

    Angular Quiz App

    Un'app di quiz semplice e interattiva, sviluppata utilizzando Angular 20 e Sass (SCSS). Permette agli utenti di rispondere a una serie di domande, monitorare i propri progressi e visualizzare il punteggio in tempo reale.

    • Angular's IconAngular
    • TypeScript's IconTypeScript
    • Sass's IconSass
  • Angular To-Do List

    Angular To-Do List

    Una lista di cose da fare semplice e moderna, creata con Angular, per mettere in pratica i fondamenti del framework. Gli utenti possono eseguire azioni di base come aggiungere, completare, rimuovere e filtrare attività.

    • Angular's IconAngular
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
  • Exclusive

    Exclusive

    Exclusive è un progetto e-commerce moderno e minimale, sviluppato con Next.js (React), TypeScript, TailwindCSS e Zustand per la gestione dello stato globale. Questo progetto mi ha dato una grande mano a capire meglio il funzionamento di Zustand, fare progressi in Next JS, e migliorare le mie skills in TypeScript e TailwindCSS.

    • Next.js's IconNext.js
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
    • Zustand's IconZustand
  • CineRadar

    CineRadar

    CineRadar è una libreria di film e serie TV sviluppata con Next.js 15. Permette agli utenti di esplorare migliaia di titoli, visualizzare i dettagli completi e salvare i preferiti in locale. E' il mio primo progetto con NextJS, che mi ha anche introdotto a Zustand.

    • Next.js's IconNext.js
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
    • Zustand's IconZustand
  • Dragon Ball

    Dragon Ball

    Come primo progetto per testare la libreria React Router, ho sviluppato una semplice web app dedicata ai personaggi del celebre anime Dragon Ball, un cartone che amavo da bambino.

    • React's IconReact
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
  • Quiz App

    Quiz App

    Una Quiz App sviluppata in React, TypeScript e TailwindCSS v4, con un totale di 10 domande e 4 opzioni disponibli per ogni domanda!

    • React's IconReact
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
  • GP Portfolio (Old)

    GP Portfolio (Old)

    Come secondo progetto di React ho voluto creare un portfolio personale, che mi ha permesso di migliorare le mie competenze di base di React, e di imparare le basi di Framer Motion per creare delle animazioni semplici.

    • React's IconReact
    • CSS's IconCSS
    • JavaScript's IconJavaScript
    • Framer Motion's IconFramer Motion
  • Weather/Meteo App

    Weather/Meteo App

    Una semplice App Meteo creata in React, TypeScript e Tailwind CSS v4. Le API sono fornite da OpenWeatherMap.

    • React's IconReact
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
  • To-Do List

    To-Do List

    Una moderna To-Do List creata con React, Vite, TypeScript e TailwindCSS v4, che permette l'aggiunta di nuove attività, l'eliminazione delle attività e il salvataggio con localStorage

    • React's IconReact
    • TypeScript's IconTypeScript
    • TailwindCSS's IconTailwindCSS
  • Educity

    Educity

    Educity è una replica di un sito educativo sviluppata con React e Vite come mio primo progetto, il che mi ha permesso di mettere in pratica i concetti di base di React, esplorare l'uso degli hooks principali (useState, useEffect e useRef) e di esplorare altre funzionalità.

    • React's IconReact
    • CSS's IconCSS
    • JavaScript's IconJavaScript
  • Vehicles Form

    Vehicles Form

    Un Form realizzato con HTML, CSS e TypeScript in cui l'utente può aggiungere dei veicoli inserendo varie informazioni tramite i campi di input.

    • HTML's IconHTML
    • CSS's IconCSS
    • TypeScript's IconTypeScript
  • Rock Paper Scissors

    Rock Paper Scissors

    Un semplice emulatore del classico gioco 'Rock Paper Scissors', realizzato con HTML, CSS e JavaScript. Il giocatore sfida la CPU scegliendo tra sasso, carta o forbici, con punteggio aggiornato in tempo reale. La partita termina al raggiungimento di 5 punti.

    • HTML's IconHTML
    • CSS's IconCSS
    • JavaScript's IconJavaScript
  • Music Player

    Music Player

    Un semplice Music Player in cui l'utente può far partire e stoppare una canzone, cliccare il tasto 'Like' e utilizzare altri comandi.

    • HTML's IconHTML
    • CSS's IconCSS
    • JavaScript's IconJavaScript

Contattami

Grazie per avermi contattato!