Back to education

LEARNING IN PRACTICE · BOOLEAN

Projects from the Boolean programme.

During the intensive 700-hour programme, I put web development foundations into practice through individual projects and a final team application. These six examples show the progression from layout and JavaScript logic to Vue components, APIs and coordinating shared work.

THE PROGRAMME
Boolean · 700 hours · 2023–2024
THE FOCUS AREAS
Six projects: applications, data, interactions, components and layout
THE FINAL PROJECT
Team of 5 · About a month · Independent development

LEARNING PROJECTS · 2023–2024

From the frontend to the final project

From JavaScript and Vue interfaces to complete Laravel applications and the final team project.

Applications, data and interactions

Two individual projects focused on external API integration and managing state and interactions in a simulated chat.

EXTERNAL API INTEGRATION

Boolflix

Vue · Vite · Axios · SCSS · TMDb API

A Vue application for searching films and TV series through The Movie Database APIs. I connected search to HTTP requests and organised how results are displayed using components and shared state.

  • Parallel requests for films and TV series, managing both result sets.
  • Cards with a poster, title, original title, language and ratings converted to stars.
  • Reusable components for search and presenting the information returned by the API.

A film and TV catalogue to explore through search, posters and information cards.

STATE AND INTERACTIONS

Boolzapp

JavaScript · Vue · HTML · CSS

A simulated chat in Vue, focused on coordinating data, application state and user actions.

  • Contact search and conversation creation or deletion.
  • Sending messages and timed automatic replies.
  • Light and dark themes and mobile navigation between list and chat.

A messaging interface for exploring conversations, finding contacts and exchanging simulated messages.

Logic, components and layout

Three examples focused on program rules, interface composition and adapting layouts to different screens.

JAVASCRIPT LOGIC

Prato Fiorito

JavaScript · HTML · CSS

A grid game in plain JavaScript, focused on game rules, state management and breaking code into dedicated functions.

  • Selectable difficulty and randomly placed bombs without duplicates.
  • Scoring, victory, defeat and restarting the game.
  • Dedicated functions for the grid and DOM updates.

A grid game: uncover safe cells and avoid the bombs across three difficulty levels.

COMPONENTS AND PROPS

Avada Forum

Vue · Vite · HTML · SCSS

A recreation of an assigned tech forum layout, focused on interface composition and Vue component reuse.

  • Structure split into a header, main sections and a footer.
  • Menus and content built from data passed through props.
  • Cards, articles and lists for the page’s different sections.

A tech community homepage with news, discussions and content organised by topic.

RESPONSIVE LAYOUT

Bootstrap Dashboard

HTML · CSS · Bootstrap 5

A dashboard recreated from assigned screenshots. I worked on the page structure and its layout at different Bootstrap breakpoints.

  • Navigation, sidebar, tables and forms in a single interface.
  • Responsive grid and utility classes adapting content and columns.
  • Bootstrap components for the side panel and expandable FAQs.

A school dashboard bringing classes, students, activities and statistics together in a responsive interface.

Contact

Let’s talk

I am exploring Full Stack Developer and Software Engineer opportunities. Based between Catania and Licata, I prefer remote work and am also open to local hybrid or on-site roles.

perugamassimo10@gmail.com