Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 4 months ago

Laravel Livewire Notes

laravel, tailwind-css
Rob•70
@rowinf
A solution to the Note-taking web app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I'm proud that I learned Laravel Livewire for this project, and even though it took a lot longer than expected, it is finished and I was able to successfully build the note taking application. Normally I would have used a front end framework like React, but Livewire does the job too, and I'm happy with how it turned out. Next time I'd probably start with mobile-first and ironing out the design system a little better.

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

Some challenges were

  • Unfamiliarity with the Laravel stack, I asked the AI lots of questions and had to refer to the documentation a lot
  • Getting acquainted with Amazon SES
  • Laravel Forge Deployment
  • The sometimes subtle interplay between Alpine.js and Livewire
What specific areas of your project would you like help with?

I got the solution as close to the design design specs as I could, feel free to check for bugs too. One thing I'm unhappy about is my free-tier fly.io project boots up in 30 seconds - 1 minute so I apoligize for any 502 errors.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Rob'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License