Skip to main content

Hi, I'm Priscila πŸ‘‹

FRONTEND DEVELOPER


REACT | JAVASCRIPT | RUBY ON RAILS

Learn more

ABOUT

I'm a Frontend Developer with full-stack capabilities, specialising in React, JavaScript and Ruby on Rails. My toolkit includes CSS, SCSS, Bootstrap, HTML, Stimulus, Turbo, PostgreSQL, Git, GitHub and accessibility best practices. My current interests include exploring Typescript, Tailwind and testing to enhance my frontend expertise. With a year experience in web development, I've built applications for sustainability and entertainment industries. You can see evidence of my work on EnerGeo, Dishy, Gnome Hats and 80's Movies Mixtape, available on my portfolio and on my GitHub.

🎭 β†’ πŸ’» I bring a unusual perspective to software development, having transitioned from theatre management in the West End where I led large-scale operations for over a decade, and digital transformation projects. Leading operations for world-class productions like "Hamilton" taught me the invaluable skill of anticipating user needs and delivering solutions that delight - whether it's theatre patrons or web application users.

🌱 Always learning, forever curious, I'm excited about using my creative and technical skills to build innovative, user-centric web applications, and I'm eager to contribute my expertise to a fun and talented development team.

PROJECTS

EnerGeo homepage showing energy data dashboards

EnerGeo Demo | Website | Code

  • A data visualisation application built with React, utilising multiple RESTful APIs to display real-time UK energy sourcing and environmental impact data. Collaborated with two data scientists who built the FastAPI backend.
  • Engineered frontend data visualisations using Material UI Charts and React-Leaflet, integrating real- time data from four energy sector APIs.
  • Built interactive map interface with React-Leaflet and MapTiler, implementing regional overlays and custom tooltips for carbon intensity data.
  • Integrated React-Google-Autocomplete with weather visualisation API for location-based image generation.
  • Developed responsive component library using Material UI and Bootstrap.
  • Implemented frontend data fetching and error handling with Axios for multiple API endpoints.
  • Impact: Won first place in hackathon themed: "Earth, Fire, Air, Water and Data - Where Does Our Energy Comes From”.
  • React
  • HTML
  • CSS
  • Bootstrap
  • Git
  • GitHub
  • Figma
  • Data Visualisation
  • API Integration
Dishy recipe card of a matched recipe example

Dishy :: Tinder for Recipes Demo | Website | Code

  • A Ruby on Rails and JavaScript with Stimulus.js recipe matching application.
  • Architected full-stack application using Ruby on Rails, PostgreSQL, and ActiveRecord for complex recipe-user matching algorithms.
  • Implemented Tinder-style swipe functionality with Stimulus.js and Hammer.js, creating custom touch gesture controllers.
  • Originally built with Webpack, and recently successfully migrated to importmaps for JavaScript management, streamlining asset pipeline and reducing build complexity.
  • Built multi-model search system using pg_search across recipes and ingredients with act_as_favoritor gem in Rails.
  • Designed mobile-first UI with Bootstrap 5 and SCSS, integrating Devise for authentication.
  • JavaScript
  • Ruby on Rails
  • HTML
  • SCSS
  • Bootstrap
  • Git
  • GitHub
  • Stimulus.js
  • Hammer.js
  • Heroku
  • PostgreSQL
  • Webpack
  • Import Maps
  • Figma
Mixtape landing page showing VHS tapes titles withs 80s aesthetics Mixtape index page showing a carousel of movies posters

80s Movies Mixtape Website | Code

  • A Ruby on Rails movie curation application that allows users to create custom watch lists with a retro 80's aesthetic.
  • Integrated The Movie Database (TMDB) API for comprehensive movie data and Cloudinary for image management.
  • Built interactive features allowing users to add movies with comments, view detailed ratings, and manage their lists.
  • Designed responsive UI with Bootstrap and custom CSS, featuring VHS-inspired elements and movie carousels.
  • APIs
  • JavaScript
  • Ruby on Rails
  • HTML
  • SCSS
  • Bootstrap
  • Git
  • GitHub
  • Heroku
  • PostgreSQL
  • Webpack
Gnome Hats landing page showing a gnome on a swing Gnats Index page showing all gnome hat listings

Gnats :: Gnome Hats Website | Code

  • Built a Ruby on Rails marketplace application with user authentication, allowing users to list, browse, and rent gnome hats with Devise for user management.
  • Implemented full CRUD functionality with PostgreSQL database and Cloudinary integration for image upload and storage.
  • Developed responsive UI with Bootstrap and custom SCSS, featuring an imaginative design inspired by the whimsical gnome folklore of Wil Huygen.
  • JavaScript
  • Ruby on Rails
  • HTML
  • SCSS
  • Bootstrap
  • Git
  • GitHub
  • Heroku
  • PostgreSQL
  • Webpack
  • Figma
Pomodoro Chrome Extension landing page showing timer countdown

Pomodoro Chrome Extension Demo | Code

  • Built a Chrome Extension using JavaScript and Chrome Extension APIs, featuring a modern, minimalist interface for implementing the Pomodoro Technique with customisable timer settings.
  • Used Chrome Extension Manifest V3 and Chrome APIs for background timer management and state persistence across sessions.
  • Implemented real-time synchronization between processes using Chrome Message Passing API, with custom CSS for dynamic UI updates.
  • JavaScript
  • HTML
  • CSS
  • Figma
  • Chrome Extension APIs
  • Chrome Storage API
  • Chrome Alarms API
  • Chrome Notifications API
V&A Oldagram landing page showing artwork in Instagram style interface

V&A Oldagram Website | Code

  • Built a Vanilla JavaScript application that transforms the Victoria & Albert Museum's collection into an Instagram-style interface, using API calls.
  • Integrated multiple V&A Museum API endpoints using Axios, implementing custom event handling for social interactions like likes and comments.
  • Developed responsive mobile-first design with CSS3 and media queries, creating an engaging interface for art exploration.
  • JavaScript
  • HTML
  • CSS
  • RESTful APIs
  • Axios
  • Netlify
  • Git
  • GitHub
  • Font Awesome
Snake Game interface showing pixelated snake and food elements

Ruby Snake Game Demo | Code

  • Developed a classic Snake game using Ruby and the Gosu 2D game development library, implementing custom game loop and collision detection.
  • Created modular class architecture separating game logic into distinct components for snake movement, food generation, and window management.
  • Implemented interactive features including score tracking, sound effects, and multiple game states (start, play, game over).
  • Ruby
  • Gosu
  • OOP
  • Game Development
  • Git
  • GitHub

EXPERIENCE

JUL 2024 - PRESENT

Web Development Teaching Assistant

Le Wagon

  • Assist students in full-stack bootcamp, covering Ruby on Rails, JavaScript, HTML, CSS, and industry best practices.
  • Guide learners through coding exercises, project development, and web application deployment.

JAN - JUN 2021

Frontend Developer

Beachshore Design Ltd

  • Collaborated with the design team to achieve pixel-perfect designs and improve user experience.
  • Provided top-notch frontend solutions that met client needs and project deadlines.
  • Played a key role in developing responsive and visually attractive websites for the company's clients.

APR 2020 - FEB 2024

Training Engagement Manager

Delfont Mackintosh Theatres Ltd

  • Successfully managed the in-house Learning Management System (LMS), ensuring seamless training and development for all employees (650-700 staff)
  • Promoted the adoption of the LMS across DMT divisions, resulting in increased efficiency, knowledge sharing and compliance
  • Led a culture of continuous learning
  • Collaborated with external training providers and consultants, enhancing training programs and employee skill development

AUG 2011 - MAR 2020

Theatre Manager

Victoria Palace Theatre

  • Oversaw day-to-day operations at the theatre, achieving consistently high levels of customer satisfaction
  • Played a pivotal role in preparing for the theatre's closure, managing architectural liaisons and contractor relations
  • Successfully reopened the theatre after a two-year refurbishment, overseeing the entire process from planning to execution
  • Led the recruitment and onboarding of a complete venue staff, from front-of-house to backstage, managing a team of around 95 individuals
  • Orchestrated the highly anticipated reopening production of "Hamilton", ensuring a flawless and memorable launch

EDUCATION

APR - OCT 2023

Full Stack Web Development

Le Wagon London

  • 24-week part-time intensive coding bootcamp learning HTML, CSS, Sass, Bootstrap, JavaScript ES6, Stimulus, Figma, PostgreSQL, git, GitHub, TDD, Heroku and Ruby on Rails

2017

Digital Marketing Leadership & Strategy

Squared Online

  • Engaged in over 200 hours of workshops as part of this program developed by Google
  • Developed practical skills through teamwork, real projects and disruptive ideas
  • Gained a broad knowledge of marketing and leadership in the digital age

2004 - 2006

BA in Fashion Design

University of Caxias do Sul

  • Strong foundation in design principles, creative problem-solving, and artistic expression
  • Distinguished myself during my academic journey, earning recognition through awards and opportunities, including sponsored visits to Paris and participation in prestigious events, further fueling my passion for the design, technology and creative industries
av