Skip to content
Submitted over 1 year ago

Conference Ticket 🔥sksksk🔥

accessibility, pure-css, react, tailwind-css, gsap
LVL 4
@sksksk2024
A solution to the Conference ticket generator challenge

Solution retrospective


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

In this project, I learned a great deal, including:

  • Gaining a deep understanding of GSAP and its applications for creating animations.
  • Switching from vh/vw to dvh/dvw for improved responsiveness and layout handling.
  • Getting comfortable with creating personalized error messages and developing custom error handlers for the frontend.
  • Reviewing all images in the project’s image folder before starting, ensuring I was well-prepared for tasks like recreating images that couldn't be done with CSS (e.g., certain graphical elements).
  • Successfully deploying a full-stack app that was transformed into a frontend-only website using Netlify!
  • Improving my organizational skills and overall project structure.

Other things when looking again:

  • HTML reports is a must as well when looking for accessibility(first time when looking at it);
  • Didn't mention the React cool options to put in an element like onDrag, cursorOver and others;
  • It's best to keep the background styles in the body! It's the easiest the convenient method!

PS: I will resolve any Accessibility issues later today!!!

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

Deployment! Got the patience from the project before(Project Tracking Intro) :(

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Alex 🤸🏻‍♂️’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