Skip to content
Submitted 22 days ago

Conference Ticket Generator with Modular CSS & Vanilla JS

bootstrap
LVL 2
@Jesse999togetin
A solution to the Conference ticket generator challenge

Solution retrospective


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

I am incredibly proud of implementing the structural layout for the dynamic ticket generation. Setting up the state management so that user inputs instantly paint multiple DOM elements simultaneously felt amazing to watch come together!

Next time, I want to dive deeper into custom JavaScript validation logic to handle file type constraints and edge cases more robustly, rather than relying strictly on basic browser rules.

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

My biggest hurdle wasn't actually the code—it was setting up my local Git environment! I ran into local identity configuration errors ("Author identity unknown") when trying to make my initial commits, and mistakenly tried running raw URLs directly in the PowerShell terminal.

I overcame this by learning how to properly configure Git global user variables (user.name and user.email) and mastering the step-by-step workflow of staging, committing, and linking remote origins via the command line. It taught me a lot about environmental debugging!

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

I would love feedback on my CSS organization and responsiveness. I aimed for a highly structured modular layout hierarchy (Global -> Form Components -> Ticket Modules). Does the structure look clean and scalable for a production environment? Also, any tips on cleaner JavaScript patterns for managing DOM updates upon form submission would be highly appreciated!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Jesse Chidiebere’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord