Responsive Ticket Generator | HTML, SCSS, JS

What are you most proud of, and what would you do differently next time?

Im most proud of getting the challenge completed and having a free design credit from the leaderboard was necessary for this to look good.

I could make the scss and js code better and improve accessibility as well.

What challenges did you encounter, and how did you overcome them?

Many challenges.

1. Multiple background images was hard mainly in terms of knowing how to use them and keeping track of which location they are in when using different properties like background-position. I just had to keep in mind the positions of them and use commas to separate each bg.
2. Drag and drop UI. It was hard because I never did any like that,from the OS to the webpage and I also needed some refreshes on the D&D API. Got some help from chatgpt which added the event listeners as an array and prevents the default action from happening
3. Finally, I had some issues with submitting the form, checking the correct file type and size. ALso I made use of localStorage and the FileReader class to help manipulate the image easier.

What specific areas of your project would you like help with?

I would like to know ways I can improve my accessibily, scss code and my JS code.