DOM Manipulation: I improved my skills in working with the Document Object Model (DOM) to dynamically update the web page in response to user actions (e.g., adding or removing tasks).
Event Handling: I learned how to handle different user inputs and events, such as button clicks and input field submissions, using JavaScript.
Local Storage: I practiced using the browser's local storage to save the to-do list data, so tasks persist even after the user refreshes the page or reopens the app.
CSS Styling: I applied CSS to make the interface look clean and responsive, learning more about layout techniques and style adjustments for different screen sizes.

Inspired by my passion for art and technology: this application targets artists and enthusiasts who wish to explore digital painting.
Color Selection: Users can choose from 21 colors in a convenient navigation bar.
Canvas Interaction: Users can click and hover over squares to change colors dynamically.
Clear Functionality: A clear button resets the canvas for new creations.
Responsiveness: The application is designed to work seamlessly on various devices.
Technologies Used: HTML, CSS, JavaScript.
Challenges Faced: Overcame issues with DOM manipulation by thoroughly testing different approaches.
- Included wireframes to visualize layout.
- Conducted user testing to refine user interface and experience.
- The project enhanced my skills in web development, and I plan to add more features like saving artwork and additional color options.

Key Features:
Interactive Interface - The application features a visually appealing drum kit layout with distinct drums and cymbals, each represented by vibrant buttons. Users can click on these buttons to produce realistic drum sounds.
Sound Variety - Includes a diverse range of drum sounds, such as kick, snare, hi-hat, toms, and cymbals, allowing users to create various musical styles from rock to jazz.
Keyboard Support - Users can play the drum sounds using their keyboard, making it accessible for those who prefer using physical keys over mouse clicks.
Recording Functionality - Users can record their drumming sessions, enabling them to play back their rhythms and track their progress.
Volume Control - The application provides volume sliders for each drum sound, allowing users to customize their mix and balance between different sounds.
Feedback - The interface includes visual effects that respond to user interactions, enhancing the overall experience and providing immediate feedback.
Technologies Used: Developed using HTML, CSS, and JavaScript, leveraging the Web Audio API to handle sound playback and ensure high-quality audio experiences.

Key Features: Real-Time Exchange Rates: The application fetches live exchange rates from a reliable API, ensuring users always have access to the most accurate and up-to-date information for their conversions.
Multiple Currencies: Users can select from a wide range of currencies, allowing for conversions between major global currencies as well as less common ones.
User-Friendly Interface: The application boasts an intuitive design, enabling users to easily input the amount they wish to convert and select the currencies they are converting between.
Conversion History: Users can view their previous conversions, providing a convenient reference for their past currency exchange needs.
Responsive Design: The application is fully responsive, ensuring a seamless experience on both desktop and mobile devices.
Technologies Used: Developed using HTML, CSS, and JavaScript, utilizing an external currency exchange rate API to retrieve the latest rates and ensure accurate conversions.
User Experience (UX): The layout is designed for clarity and simplicity, making it accessible for users of all technical backgrounds. Clear prompts and labels guide users through the conversion process, enhancing usability.

Key Features: Character Database: Users can explore detailed profiles of their favorite characters, including Jedi, Sith, droids, and other species, showcasing their backgrounds, abilities, and notable appearances throughout the saga.
Film and Series Information: The application provides summaries, release dates, and key details about the Star Wars films and animated series, allowing users to track the entire timeline of the saga.
Responsive Design: The application is designed to work seamlessly across devices, providing an enjoyable experience whether users are on a desktop or mobile device.
Technologies Used:Built using HTML, CSS, and JavaScript, the application may utilize APIs to pull in data from external sources, ensuring that information is accurate and up-to-date.
Conclusion: The Star Wars Web Application is a must-visit for fans eager to dive deeper into the galaxy far, far away.

Key Features: Event Listeners : Each interactive element (beer, shot, food, tip) has an event listener that triggers when clicked, prompting the user for relevant input.
Calculations : When the beer button is clicked: It prompts for the cost of one beer and the number of beers consumed. Calculates the total beer payment and updates the corresponding display. The same logic applies to the shot and food buttons, with specific prompts tailored to each item. For the food cost, it divides the total by the number of participants to ensure each person’s share is calculated accurately.
Tip Calculation : It prompts for the desired tip percentage. Calculates the tip based on the total count of expenses and adds it to the total amount due.
Enhancing Functionality with JavaScript : Enhanced understanding of JavaScript basics, including variable scope and data types. Gained experience with event handling and DOM manipulation to create an interactive user experience.
Error Handling and User Experience : Realized the importance of validating user input and handling potential errors (e.g., ensuring valid numbers are entered) to prevent incorrect calculations.