I designed landing pages that adapt to different screen sizes, such as mobile, tablet, and TV, using Tailwind CSS and the JQuery library. Moreover, I created a shopping theme, similar to Lieferando or UberEats, with the VueJS JavaScript Framework and Tailwind CSS. To connect and dispatch data from the Orderiom API, I utilized Vuex, which functions similarly to Redux in ReactJS. Despite challenges like adding time and location to the checkout process, I successfully developed a checkout process with three options: eating here, delivery, and pick up. For delivery and pick-up options, I employed the vue2-date picker package and the Google autocomplete API to check if the address was within the delivery zone. I also implemented Dark and Light themes with the @vueuse/core package and included German and English languages with the i18n package.Another project I undertook was creating a full-stack application (VueJS/NestJS/CypressJS) that scrapes data from Google Map searches and generates an API (PlaceID, GoogleURL, Name, Website, Phone, Address, Category, Number of reviews, and stars). I used Vue3 (Vite+Typescript) for the front end to collect search data from users for places such as restaurants, hotels, mechanics, Tankstelle, or anything in any city. We then send this data to the backend (NestJS), where we call Cypress to scrape the data from Google Maps and send it to the database using Axios. Finally, we export the API data as a CSV file. This project used TypeScript for both the frontend and backend, ensuring complete type safety.Lastly, I performed end-to-end testing with the Cypress framework on shopping themes and simulated the shipping process as part of my responsibilities.