Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page w/ (Svelte + Tailwind + Typescript) 👨‍💻

#svelte#tailwind-css#typescript#accessibility
Adriano 34,090

@AdrianoEscarabote

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

Lucas 👾 104,440

@correlucas

Posted

Brabo!

1

Adriano 34,090

@AdrianoEscarabote

Posted

@correlucas Valeuu mano!

0
Daniel 🛸 44,240

@danielmrz-dev

Posted

Fala @AdrianoEscarabote! Tudo bem?

Parabéns por mais um projeto! ✅

Tenho acompanhado algumas pessoas aqui na plataforma e os seus projetos são de longe os melhores que eu já vi. Você estuda por onde?

1

Adriano 34,090

@AdrianoEscarabote

Posted

@danielmrz-dev Olá, Daniel! Tudo certo. Obrigado!

Na verdade, quase tudo o que sei aprendi fazendo os projetos por aqui. Hahahaa

1
Daniel 🛸 44,240

@danielmrz-dev

Posted

@AdrianoEscarabote Eu to seguindo essa mesma linha, tentando estudar e vindo aplicar nos projetos aqui... quais cursos e quais escolas você estudou?

1
Adriano 34,090

@AdrianoEscarabote

Posted

@danielmrz-dev Entrei no mundo da programação através de um curso da onebitcode, que foi um bom curso para me introduzir em diversos temas da área. Continuei fazendo alguns cursos da Meta no Coursera e sempre pratiquei o que aprendia aqui no Frontend Mentor. Atualmente, estou cursando Análise e Desenvolvimento de Sistemas.

1
Daniel 🛸 44,240

@danielmrz-dev

Posted

@AdrianoEscarabote Show... estou pra fazer esse curso da Meta no Coursera também. Valeu, Adriano!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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