Skip to content
Submitted 8 months ago

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

#svelte#tailwind-css#typescript#accessibility
Adriano•42,680
@AdrianoEscarabote
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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,300
    @correlucasPosted 8 months ago

    Brabo!

    2
    Adriano•42,680
    @AdrianoEscarabotePosted 8 months ago

    @correlucas Valeuu mano!

    0
  • Daniel 🛸•44,370
    @danielmrz-devPosted 8 months ago

    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•42,680
    @AdrianoEscarabotePosted 8 months ago

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

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

    1
    Daniel 🛸•44,370
    @danielmrz-devPosted 8 months ago

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

    1
    Adriano•42,680
    @AdrianoEscarabotePosted 8 months ago

    @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,370
    @danielmrz-devPosted 8 months ago

    @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

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