JUNIORFREEHTMLCSSJavaScript
Conference ticket generator
Build a conference ticket generator that creates personalized tickets based on user input.
Join 634 who have taken this challenge
🎫
📋Brief
Your challenge is to build out this conference ticket generator and get it as close to the design as possible.
You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a try.
Your users should be able to:
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
📦Assets provided
Mobile, tablet & desktop layouts
Professional image assets
Optimized image assets
README file to help you get started
HTML file with pre-written content
💡Ideas to test yourself
1
Build the project to the designs inside the `/design` folder2
Add user authentication or building it as a full-stack app3
Build as a PWA with offline functionality4
Add gamification and badges (e.g. 7 days of logging)5
Add user authentication or building it as a full-stack appChallenge FAQs
The best (and quickest) way to get help on a challenge is in our Discord server. There are thousands of other developers in there, so it's a great place to ask questions. We even have a dedicated "help" channel!
Once you've completed the challenge, you can submit your solution by uploading it to your preferred hosting platform (like Netlify, Vercel, or GitHub Pages) and then sharing the live URL along with your code repository.
We don't provide official solutions for challenges as there are many different ways to approach each project. However, you can browse through community solutions to see how others have tackled the same challenge.
Yes! Community members often provide feedback on submitted solutions. You can also request specific feedback when you submit your solution to get more targeted reviews.
Yes! Our challenges provide professional designs but there are no rules on what tools to use. So feel free to use anything you like to build your projects.
Definitely! Please do feel free to use whatever you build in your portfolio. Helping developers add professional-looking projects to their portfolio was one of the reasons we created this platform!
You're welcome to use our challenges for educational content, but please reach out to us first if you're planning to use them commercially. We're usually happy to work something out!
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!