Consiste em construir uma aplicação de notícias usando a API https://newsapi.org/ de forma whitelabel, usando o País como "tema". (Brasil, Portugal, Estados Unidos)
Seguindo o layout https://www.figma.com/file/CgTFC9deqfFX6vSf0JyDVp/GrupoBoticarioDesignOps?node-id=56%3A42184
Ao criar uma conta no News API, você receberá um TOKEN, que será usado pra fazer as requisições a essa API
Esse monorepo contem dois pacotes, o design-system e news-app
Pacote simulando a geração de Design Tokens Links Usando a ferramenta do Style Dictionary Que permite que seja definido os tokens das marcas em um único formato (JSON) para que seja distribuído em várias plataformas e formatos de arquivos (JS, CSS, SCSS, DART).
Nesse pacote vai encontrar a pasta themes que usamos para separar os tokens por tema. Aqui deve ser criado os temas que encontrará no Figma.
Onde deverá ser desenvolvido a aplicação como no Layout. Já preparado com o Framework Next.js.
Algumas tecnologias que usamos aqui.
- Stitches
- radix-ui.com
- Next
- TurboRepo
- Style Dictionary
- SWR
- git-cz
- semantic commit
yarn run bootstrap Para preparar o projeto, instalar e fazer o link das dependências
yarn run dev Para rodar a aplicação Next.js em dev
yarn pkg <package-name> <command> Rodar um comando em um pacote específico
-
Crie um novo fork e branch com seu nome-sobrenome e faça um pull request quando estiver pronto. Iremos fazer code review.
-
Entregar em uma URL pública na Vercel 🚀 https://vercel.com/docs/concepts/git/monorepos#step-3:-set-the-root-directory
npx vercel --prod