I am Lucía, an optimistic and diligent FrontEnd developer specializing in React and a UX/UI Design student, dedicated to staying up-to-date with the latest technologies. I consider myself organized, and my motto is to keep code as clean, SOLID, dynamic, and orderly as possible. Each day, I prioritize dedicating time to practice and refine my skills in the technologies I've already learned. My favorite language of all time is JavaScript.

Thanks to my years of experience in the notarial sector, I have developed the ability to work under pressure and pay great attention to detail, as there is no room for errors in that field. Despite the pressure, I always maintain a sense of joy and warmth.

Coding with heart! 🫀💻

• 🌐 Currently studying User Design and Experience (UX/UI) with the Google scholarship through Fundae-SEPE on Coursera
  • Google UX/UIProgram.
• 🎓 I’ve just completed a 9-month, state-subsidized Front End Developer bootcamp at IT Academy - Barcelona Activa
  • IT Academy Barcelona Activa.
• 🔎 I’m currently looking for a job! If you know of any opportunities in web development, I’d love to hear from you.

• 🏛️ Graduated in Political Science and Public Management from Universitat Autònoma de Barcelona (UAB)
• 🧰 I put a lot of effort into writing clean code without redundancy and spend hours reading official documentation.
• 🧩 I enjoy solving puzzles and coding challenges.
• 🖼️ I enjoy Baroque art and architecture, especially Catalan Romanesque architecture.
• 🍽️ I have a deep appreciation for traditional Spanish and Catalan haute cuisine.
• 🥸 I love cinema and video games.
• 🐸 I really love spending time in nature, and searching for amphibians.

Add transactions, track expense, set limits, view charts, download CSV

A responsive web application designed to help users efficiently manage and visualize their expenses. Developed during the NUWE and CaixaBank Tech Hackathon, this app provides a complete CRUD system for managing transactions and offers an intuitive, user-friendly experience

Database Explorer

A website that allows registered users to explore a database of Star Wars starships, pilots, and films, using the SWAPI public API to fetch the information.

Interactive Planning, Calculation Tool & Filtering

This React web application simplifies website budget calculations using checkboxes, input fields, and buttons to adjust the total price based on user selections.

Expense Tracker with Interactive Charts

This app displays total expenses, today's expenses, percentage change, and weekly expense charts using Charts.js.

Find Your Next Fun Activity

Boored is a responsive application that offers a variety of activities to do when bored, featuring a friendly and attractive interface. Users can filter activities by type, such as social, educational, charity, or cooking. This project serves as the technical assessment for the FrontEnd category of the Hackathon on October 22-23, 2024.

Lights, camera and match!

Take One is an intelligent movie recommendation tool designed to suggest films based on your mood. This personal project allows users to find the perfect movie tailored to their emotional state.

• Mood-Based Recommendations: Utilizes an array of predefined moods to recommend movies that match the user's emotional state.
• Filtering Options: Allows users to apply additional filters to include or exclude specific genres, year, director, etc enhancing search flexibility.
• Responsive UI: Built with a focus on usability and responsiveness, ensuring a seamless experience across devices.

• Tech and tools: Developed using React + JavaScript jsx, TailwindCSS, CSS, and DaisiUI.
• Context: Implements the Context to manage application state globally, facilitating mood selection and submission while minimizing prop drilling, I'm focused to design a good provider pattern.
• SOLID Principles: Adheres to SOLID design principles, ensuring code is maintainable and scalable:
  • Components are designed to handle one specific task, promoting clarity and reusability.
  • The app is open for extension (e.g., adding new moods or filters) but closed for modification, preserving existing functionality.
  • Ensures components can be replaced without altering the app's behavior.
  • Utilizes smaller, specific interfaces for components, allowing for more flexibility.
  • High-level components depend on abstractions rather than concrete implementations.

The ongoing development of Take One aims to enhance feature sets, improve the overall user experience, and maintain high code quality through best practices.

Here are the links to the projects deployed on Vercel. Click on the project names to visit the live applications.