Pet Top Store - Loja on-line

O projeto da loja está disponível em LINK_PARA_A_LOJA e você pode o utilizar para acompanhar a aula. O projeto já está completo, com todos os recursos, inclusive os que serão vistos em detalhes na aula seguinte.

Se você desejar criar o projeto da loja do zero então faça:

npm init svelte@next loja

Escolha a opção "Skeleton project" e "No" para as outras perguntas.

Agora entre na pasta "loja" criada e instale as dependências:

cd loja

npm install

Edite o arquivo package.json e troque o atributo "name" para "PetTopStore" e em "scripts" -> "dev" adicione ao fim do comando: " --port 5000". Seu arquivo package.json deve ficar similar a este:

Para iniciar o servidor com o projeto da loja digite:

npm run dev

Acesse a loja em http://localhost:5000/

Abra o arquivo src/routes/index.svelte e substitua o seu conteúdo por:

<style>
  .centro {
    font-size: 30px;
    padding: 30px;
    margin: auto;
  }

</style>

<div class="centro">
  A melhor Petshop do universo

</div>

Este arquivo é a página inicial da loja, que só mostra uma mensagem de boas vindas.

O resultado da sua loja deve ficar similar ao da imagem abaixo: