This exercise was carried out as part of my web development course, with the aim of strengthening my skills in JavaScript animations. The project specifically focuses on simulating the movement of wind turbines based on wind speed, which the user can adjust in real-time. By clicking on the + and - buttons, it is possible to increase or decrease the wind speed, directly affecting the rotation of the wind turbine blades. This project allowed me to better understand event handling in JavaScript and the impact of user interactions on dynamic animations. It serves as a good example of integrating business logic with visual elements in a web application.

This project, inspired by the popular Fruit Ninja game, was developed as part of my web development course, with a particular focus on user interaction and real-time event handling through JavaScript. The game involves slicing fruits using swipe gestures, simulating the tactile experience. Each sliced fruit earns points, while penalties are applied if the player misses fruits or slices a bomb. The goal of this project was to master the implementation of complex animations, mouse movement detection, and real-time collision handling. This game helped me better understand the dynamic aspects of web design, integrating both user interactivity and visual effects. This project demonstrates my ability to develop interactive web games while ensuring a smooth and engaging user experience.

This interactive project simulates a solar system and was developed as part of my web development course. It allows the user to create and customize a solar system by adding stars and planets, with the option to choose the color of each element. The interface offers dynamic control over the size and color of the planets, as well as the rotation speed of celestial bodies. The goal of this project was to strengthen my skills in JavaScript for handling animations and CSS transformations, as well as improving real-time interactivity. In addition to event handling, I integrated simplified physical concepts to make planetary movements more realistic. This project allowed me to combine interactive visual elements with complex business logic, while ensuring a fluid and responsive user interface. It is an excellent example of an immersive and educational web application that explores the graphic and interactive aspects of web development.

This interactive project, developed as part of my web development course, simulates a game where soccer balls bounce when they are touched by the user's mouse. The concept is based on detecting collisions between the mouse and the balls: as long as the user interacts with a ball by touching it, the ball will keep bouncing. The aim of this project was to improve my skills in JavaScript event handling, particularly the use of mouse events to create real-time dynamic interactions. Additionally, I integrated simplified physics calculations to simulate realistic ball bouncing, including elasticity and gravity. The smooth animation and immediate reactions to user actions make this project captivating, with a focus on interactivity and the fun of gameplay. This project demonstrates my ability to create web games that combine physics elements with a responsive and engaging user interface.

This web project, inspired by the classic Whack-a-Mole game, was developed in PHP as part of my web development course. The game involves clicking on moles that appear randomly on the screen to score points. One of the key features of this project is score management, with scores being recorded and stored in a history, allowing players to track their performance over time. The integration of server logic via PHP allowed me to manage data persistence and save scores in a database. This project gave me the opportunity to combine dynamic front-end elements, managed by JavaScript for real-time behavior, with robust back-end logic in PHP for data storage. This game demonstrates my ability to create full-fledged web applications, blending interactivity with data persistence, while ensuring a smooth and engaging user experience.

This project is a text-to-Morse code converter, developed as part of my web development course. The user can enter words or phrases, and the application instantly translates them into Morse code. This project was designed to offer a simple and intuitive interface, where each character is converted in real time using JavaScript logic that interprets each letter, number, or symbol. This converter allowed me to strengthen my skills in string manipulation and translation algorithms in JavaScript. Additionally, I implemented extra features, such as error handling for unrecognized characters, to improve the user experience. This project showcases my ability to create functional and educational web applications, while providing a clear and responsive interface.

This project is an interactive Post-it system that allows the user to add words or phrases via an input field. Each entry appears as a post-it, randomly placed on the screen, displaying the corresponding text. Additionally, a history of the notes is stored, allowing the user to review or restore previously added post-its. The project integrates a combination of JavaScript for handling animations and random positions, as well as PHP for data persistence and storing the notes in a database. Through this project, I was able to deepen my skills in event handling, DOM manipulation, and server-side data storage. This project demonstrates my ability to create interactive web applications that combine a dynamic user interface with solid back-end logic for content tracking and management.

This project represents the creation and publication of my own website, developed through the knowledge acquired during my web development courses, as well as my autonomy and ability to proactively search for information. My website serves as a portfolio to showcase my various projects, integrating interactive and dynamic elements through the use of modern technologies such as HTML, CSS, JavaScript, and PHP. I also set up a server and optimized the site's performance to ensure a smooth and fast user experience. This project was a unique opportunity to deepen my skills in managing a complete web project, from initial design to deployment on a server, while ensuring security and accessibility. This site is a testament to my ability to learn independently and apply technical concepts in a real-world environment.