
Submitted 10 months ago
Recipe page w/ (Svelte + Tailwind + Typescript) 👨💻
#svelte#tailwind-css#typescript#accessibility
@AdrianoEscarabote
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm most proud of the outcome of my third Svelte project. I tried to learn new things, particularly exploring the looping functionalities in HTML. For example, to render the items of the list, I used the following code:
{#each Ingredients as Ingredients}
li class="flex gap-7 items-center ml-2"
span class="w-1 h-1 rounded-full bg-primary-dark-raspberry"/span
span{Ingredients}/span
/li
{/each}
Looking ahead, I intend to continue exploring and learning more about this technology. There will definitely be more projects with Svelte coming soon. If I were to do something differently next time, I would probably focus more on the overall project structure and organization to improve readability and maintainability.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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