Stefany Alabbadi

Marvel Character API: Developed an interactive web application using React and the Marvel API to display Marvel characters with detailed modal views for each selection. Utilized Axios for API calls, retrieving and displaying character data dynamically, with secure API key handling through environment variables and an md5 hash for authentication. Designed a responsive user interface with card-based character display and modal pop-ups for an enhanced browsing experience, incorporating Tailwind CSS for styling. Implemented interactive features including character selection and modal closing functions to allow users to explore character information seamlessly. Coffee Shop: Developed a dynamic web application for a small business using Node.js, Express, and EJS, featuring a card-based layout to showcase coffee products. Created dedicated product, about, and contact pages, utilizing Bootstrap for responsive, user-friendly design. Integrated a database to manage content dynamically and support user interactions. Applied Computing Concentrations: -Developed an interactive web application showcasing Purdue University's applied computing concentrations as part of CIT 312. Utilized HTML and LESS for design, Bootstrap for responsiveness, and Font Awesome for enhanced visuals. Guide to Jordan: Created an interactive, visually appealing web application showcasing key Jordanian travel destinations using HTML and CSS. Designed a flip-card layout with front and back sections featuring destination names in English and Arabic, detailed descriptions, and engaging visuals for cities like Amman, Wadi Rum, Petra, and Aqaba. Employed custom styles, background images, and responsive design principles to create an immersive user experience. Eternals characters: Developed a web-based tool allowing users to explore and filter attributes of characters from the Eternals series, built with HTML, JavaScript, and CSS. Implemented a user-friendly interface with a search feature where users can enter attributes (e.g., Transmutation, Telekinesis) to identify matching characters. Created an interactive list and input field that dynamically updates based on user input, enhancing engagement with character information. Pet Finder: Created a web-based application to showcase pet details, allowing users to retrieve information by entering a pet number. Built with HTML, JavaScript, and CSS. Implemented a numbered list of pets with a search function that dynamically displays selected pet information and an image container for further customization. Designed an intuitive user input system to engage users with detailed information based on pet selection.