stacksorted

Pilha classificada.

Um projeto de código aberto e aberto que categoriza sites, não por design ou tópico geral, mas por elementos específicos.

Como contribuir

Você pode contribuir melhorando o código ou adicionando sites ao banco de dados. Antes disso, leia os códigos de conduta.

Melhorando o código

Se houver um recurso que você gostaria de ver, abra um problema ou envie uma solicitação de tração.

Adicionando um site

Adicionamos sites e categorias principalmente ao banco de dados.js.

Existem até 5 propriedades que você pode especificar para cada site:

 {
          name: "Site/Project/Design Name",
          url: "https://example.com",
          code: "link to code implementation of the design (if existing, preferrably on Codepen)",
          image: "/images/{category}-{number}.webp",
          gif: "/images/{category}-{image-number}.webp",
},

Ter em mente

1. O name , url e image são obrigatórios. code e gif são opcionais.
2. Você pode adicioná -lo se houver uma implementação existente do design no Codepen ou sites similares. Se você está fazendo um, você também pode adicionar o link lá.
3. Você pode adicionar as imagens ao public/images .
4. Também existe uma convenção de nomenclatura para imagens: {categoria}-{número} .Webp O número segue o último número de imagem existente. Se você estiver adicionando o primeiro site em uma categoria, por exemplo, granulada, será granulada-1.webp, seguida por granuly-2.webp e assim por diante.
5. Um GIF é adicionado quando é útil mostrar uma animação de visualização do elemento. Ele deve ter o mesmo número da imagem seguida pela letra 'g', por exemplo, imagem-1g.webp. Este GIF será exibido apenas no modal.
6. A imagem deve capturar perfeitamente o elemento (200x344).
7. O GIF deve ser o mais curto possível, capturando apenas o efeito/animação principal, para que o arquivo não deve exceder 10 MB.

Obrigado por verificar o projeto!