Barstool Sports reposted this
Excited to share a recent upgrade I built for Barstool Sports’ One Bite app! The Venue Request Update page now delivers a smoother, more intuitive experience for users submitting pizzeria updates. Check it out here: https://lnkd.in/gwnDp9Mn highlights: ✅ TypeScript for safer, more maintainable code ✅ Zod for rock-solid form validation ✅ ShadCN + Tailwind for clean, accessible UI components ✅ React Hook Form for efficient state management ✅ React 18 upgrade for improved performance ✅ Autocomplete Typeahead for quick pizzeria lookup ✅ Custom helpers for formatting URLs & social handles ✅ Phone number input masking with react-input-mask ✅ International phone normalization to match our database ✅ Custom SVG icon set (Lucide Icons didn’t work with our version of Next.js and Vercel at build time, so we rolled our own) ✅ Minor CSS improvements for a more polished layout This project was a rewarding challenge in enhancing user experience while modernizing the tech stack. Shoutout to everyone pushing the web forward!
How was it working with ShadCN? I've been skeptical of these types of libraries, but I enjoy tailwind so much, I've been more curious on full component libraries like this.
Joe Ryder
1w
One Bite....everybody knows the rules.
So sick!!
Senior Technical Writer | Creating functional and aesthetic documentation
1wKyle Devine Awesome updates! I'm a new user and just downloaded the app, but I couldn’t find the Venue Request page in the mobile app. Is it only on the website? A few suggestions for improving the feature: 1. Add the Venue Request page to the mobile app for a smoother user experience. Navigating outside the app may discourage use. 2. Add a clear heading like “Venue Request.” Currently, the first thing shown is “1. What would you like to do?*” which may confuse users. 3. Include an info icon for “13. Slice URL.” As a new user, I wasn’t sure what to enter, so I linked to a pizza menu. 4. Move the pizzeria form fields to the top for better flow. This leads to my next suggestion. 5. Add pizzeria validation. If users enter a pizzeria first, the system could check for duplicates. This saves time and reduces QA work. 6. Integrate Yelp (or similar) APIs to auto-fill address and other info based on the pizzeria name. Again, less work for the user. Great work so far! Looking forward to future updates!