{"id":679,"date":"2018-07-04T18:30:55","date_gmt":"2018-07-04T21:30:55","guid":{"rendered":"https:\/\/programathor.com.br\/blog\/?p=679"},"modified":"2021-07-12T13:36:41","modified_gmt":"2021-07-12T16:36:41","slug":"lista-de-web-apps-divertidos","status":"publish","type":"post","link":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/","title":{"rendered":"Lista de Web Apps divertidos para construir"},"content":{"rendered":"<p>Se voc\u00ea est\u00e1 lendo este post, provavelmente est\u00e1 procurando uma ideia. Voc\u00ea provavelmente deseja criar um aplicativo simples que possa ser usado em um tutorial ou em seu projeto de exemplo para testar um novo framework ou API.&nbsp; Neste artigo voc\u00ea encontrar\u00e1 uma lista de Web apps para testar o seu conhecimento e se divertir um pouco.<\/p>\n<p>Ele precisa ser simples o suficiente para n\u00e3o ocupar todo o seu tempo, mas ao mesmo tempo complexo o suficiente para valer a pena.<\/p>\n<p>Algumas das ideias s\u00e3o independentes (n\u00e3o envolvem o uso de uma API externa), enquanto algumas fazem uso de APIs p\u00fablicas famosas, nas quais \u00e9 poss\u00edvel obter facilmente dados pr\u00e9-compilados.<\/p>\n<p><!--more--><\/p>\n<h3>Apps simples sem depend\u00eancias externas<\/h3>\n<h5><img decoding=\"async\" class=\"aligncenter wp-image-681 size-full\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/google-prefriere-sitios-responsivos.jpg\" alt=\"web apps\" width=\"580\" height=\"240\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/google-prefriere-sitios-responsivos.jpg 580w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/google-prefriere-sitios-responsivos-300x124.jpg 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/h5>\n<h5>Um aplicativo registrador de peso<\/h5>\n<ul>\n<li>Aceita um conjunto de entradas manuais de medi\u00e7\u00f5es de peso realizadas em datas diferentes<\/li>\n<li>\n<div class=\"gtx-body\">Pode tra\u00e7ar um gr\u00e1fico<\/div>\n<\/li>\n<li>Pode permitir que voc\u00ea rastreie v\u00e1rias entidades, por exemplo, o peso de mais de uma pessoa.<\/li>\n<li>\n<div class=\"gtx-body\">Armazena os pesos em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5>Um banco de dados de livros<\/h5>\n<ul>\n<li>\n<div class=\"gtx-body\">Insira os livros que voc\u00ea possui<\/div>\n<\/li>\n<li>Insira os livros que voc\u00ea gostaria de comprar<\/li>\n<li>\n<div class=\"gtx-body\">Armazene as informa\u00e7\u00f5es e imagens do livro<\/div>\n<\/li>\n<\/ul>\n<h5>Um aplicativo de receitas<\/h5>\n<ul>\n<li>Digite um nome e uma descri\u00e7\u00e3o com as etapas<\/li>\n<li>Tem fotos<\/li>\n<li>Tem algum ranking para dificuldade e qualidade<\/li>\n<li>Adicione o tempo necess\u00e1rio<\/li>\n<li>\n<div class=\"gtx-body\">Tem etapas diferentes com uma foto para cada<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Guarde-os em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5>Um registrador de contas<\/h5>\n<ul>\n<li>Registrar contas, valores e datas<\/li>\n<li>Tenha alguns gr\u00e1ficos (este ano \/ ano passado)<\/li>\n<li>Listar contas<\/li>\n<li>\n<div class=\"gtx-body\">Guarde-os em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5>Um registrador de despesas<\/h5>\n<ul>\n<li>Registre as despesas e marque-as (ou tenha categorias)<\/li>\n<li>Listar despesas<\/li>\n<li>Tenha alguns gr\u00e1ficos (\u00faltimo m\u00eas \/ ano passado)<\/li>\n<li>\n<div class=\"gtx-body\">Guarde-os em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5 class=\"gtx-body\">Um aplicativo de chat<\/h5>\n<ul>\n<li>As pessoas entram sem autentica\u00e7\u00e3o e recebem um nome, armazenado para quando voltam<\/li>\n<li>Armazene o hist\u00f3rico<\/li>\n<li>Adicionar notifica\u00e7\u00f5es<\/li>\n<\/ul>\n<h5>Um aplicativo de notas<\/h5>\n<ul>\n<li>Adicione uma nova nota<\/li>\n<li>Listar todas as suas anota\u00e7\u00f5es na barra lateral<\/li>\n<li>\n<div class=\"gtx-body\">Guarde-os em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5>Um aplicativo de di\u00e1rio pessoal<\/h5>\n<ul>\n<li>Adicionar entradas com data e texto<\/li>\n<li>\n<div class=\"gtx-body\">Mostrar mais recente primeiro<\/div>\n<\/li>\n<li>Anexar imagens<\/li>\n<li>\n<div class=\"gtx-body\">Guarde-os em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5>Um aplicativo pomodoro<\/h5>\n<ul>\n<li>\n<div class=\"gtx-body\">Digite um hor\u00e1rio<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Iniciar temporizador<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Alerta quando o tempo acabar<\/div>\n<\/li>\n<\/ul>\n<h5 class=\"gtx-body\">Um gerador de memes<\/h5>\n<ul>\n<li>Tem 10 imagens memes populares<\/li>\n<li>\n<div class=\"gtx-body\">Deixe o usu\u00e1rio adicionar o texto<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Resultado \u00e9 imagem + texto<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Armazene o hist\u00f3rico<\/div>\n<\/li>\n<\/ul>\n<h5>&nbsp;Jogo-da-velha<\/h5>\n<ul>\n<li>Vamos l\u00e1,&nbsp; voc\u00ea sabe como funciona.<\/li>\n<\/ul>\n<h5>Um blog engine<\/h5>\n<ul>\n<li>Permitir que o usu\u00e1rio fa\u00e7a o login e adicione postagens<\/li>\n<li>\n<div class=\"gtx-body\">Os visitantes podem adicionar coment\u00e1rios<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Armazene os dados em algum lugar<\/div>\n<\/li>\n<\/ul>\n<h5>Um QA engine<\/h5>\n<ul>\n<li class=\"gtx-body\">Permitir que o usu\u00e1rio fa\u00e7a o login<\/li>\n<li>\n<div class=\"gtx-body\">Adicione perguntas<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Responder a perguntas<\/div>\n<\/li>\n<li>Permitir que o usu\u00e1rio original escolha a melhor pergunta<\/li>\n<\/ul>\n<h3 class=\"gtx-body\">Aplicativos com tecnologia de API<\/h3>\n<h5><img decoding=\"async\" class=\"aligncenter wp-image-682\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/apis.png\" alt=\"lista de web apps\" width=\"564\" height=\"351\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/apis.png 722w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/apis-300x187.png 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/apis-676x420.png 676w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/h5>\n<h5>Hacker News<\/h5>\n<ul>\n<li>\n<div class=\"gtx-body\">Listar os posts populares<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Mostrar os coment\u00e1rios de uma postagem<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Mostrar o perfil de um usu\u00e1rio<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Pesquisa HN<\/div>\n<\/li>\n<\/ul>\n<h5 class=\"gtx-body\">Reddit<\/h5>\n<ul>\n<li>\n<div class=\"gtx-body\">Listar os posts populares<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Listar os coment\u00e1rios de uma postagem<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Mostrar o perfil de um usu\u00e1rio<\/div>\n<\/li>\n<\/ul>\n<h5 class=\"gtx-body\">Uma API do GitHub<\/h5>\n<ul>\n<li>\n<div class=\"gtx-body\">Listar os reposit\u00f3rios populares a partir de hoje \/ semana \/ m\u00eas<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Listar os commits mais recentes em um reposit\u00f3rio<\/div>\n<\/li>\n<li>\n<div class=\"gtx-body\">Mostrar uma pessoa ou organiza\u00e7\u00e3o reposit\u00f3rios p\u00fablicos classificados por estrelas<\/div>\n<\/li>\n<\/ul>\n<h3 class=\"gtx-body\">Dados para seus aplicativos de amostra<\/h3>\n<div class=\"gtx-body\">\u00c0s vezes, voc\u00ea come\u00e7a a criar um aplicativo simples, mas est\u00e1 entediado com os dados que encontrou e que podem ser usados. Voc\u00ea n\u00e3o precisa ficar entediado! Voc\u00ea pode usar dados reais ou dados aleat\u00f3rios.<\/div>\n<div><\/div>\n<h5>Here are some amazing public APIs you can use:<\/h5>\n<div><\/div>\n<div>\n<ul class=\"postList\">\n<li id=\"2894\" class=\"graf graf--li graf-after--p\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/thecatapi.com\/docs.html\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/thecatapi.com\/docs.html\">The Cat API<\/a><\/li>\n<li id=\"796f\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/dog.ceo\/dog-api\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/dog.ceo\/dog-api\/\">The Dog API<\/a><\/li>\n<li id=\"4a61\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/api.chucknorris.io\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/api.chucknorris.io\/\">The Chuck Norris API<\/a><\/li>\n<li id=\"44d7\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.foaas.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.foaas.com\/\">F**k Off As A Service API<\/a><\/li>\n<li id=\"0ab0\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/favqs.com\/api\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/favqs.com\/api\">Quotes API<\/a><\/li>\n<li id=\"ee8b\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/forismatic.com\/en\/api\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/forismatic.com\/en\/api\/\">Quotes API<\/a><\/li>\n<li id=\"288f\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/icanhazdadjoke.com\/api\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/icanhazdadjoke.com\/api\/\">Dad Jokes API<\/a><\/li>\n<li id=\"932a\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/beta.developer.spotify.com\/documentation\/web-api\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/beta.developer.spotify.com\/documentation\/web-api\/\">The Spotify API<\/a><\/li>\n<li id=\"ca48\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developer.nytimes.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developer.nytimes.com\/\">The New York Times API<\/a><\/li>\n<li id=\"ed5c\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.mediawiki.org\/wiki\/API:Main_page\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.mediawiki.org\/wiki\/API:Main_page\">The Wikipedia API<\/a><\/li>\n<li id=\"9702\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.wikidata.org\/w\/api.php?action=help\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.wikidata.org\/w\/api.php?action=help\">The Wikidata API<\/a><\/li>\n<li id=\"4b1a\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/github.com\/Medium\/medium-api-docs\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/Medium\/medium-api-docs\">The Medium API<\/a><\/li>\n<li id=\"48d0\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/quotesondesign.com\/api-v4-0\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/quotesondesign.com\/api-v4-0\/\">Design Quotes API<\/a><\/li>\n<li id=\"b94c\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.goodreads.com\/api\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.goodreads.com\/api\">The GoodReads API<\/a><\/li>\n<li id=\"7581\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/developer.dribbble.com\/v2\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/developer.dribbble.com\/v2\/\">The Dribbble API<\/a><\/li>\n<li id=\"8b24\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/github.com\/500px\/api-documentation\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/500px\/api-documentation\">The 500px API<\/a><\/li>\n<li id=\"57a0\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/unsplash.com\/developers\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/unsplash.com\/developers\">The Unsplash API<\/a><\/li>\n<li id=\"4cc3\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developers.giphy.com\/docs\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.giphy.com\/docs\/\">The Giphy API\u200a\u2014\u200aGIFs!<\/a><\/li>\n<li id=\"e76d\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/pixabay.com\/sk\/service\/about\/api\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/pixabay.com\/sk\/service\/about\/api\/\">The Pixabay API<\/a><\/li>\n<li id=\"ec77\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/exchangeratesapi.io\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/exchangeratesapi.io\/\">Exchange rates<\/a><\/li>\n<li id=\"81b7\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/apileap.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/apileap.com\/\">Site screenshots API<\/a><\/li>\n<li id=\"7376\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developer.oxforddictionaries.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developer.oxforddictionaries.com\/\">The Oxford Dictionary API<\/a><\/li>\n<li id=\"65fc\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/github.com\/letsvalidate\/api\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/letsvalidate\/api\">Website Technologies API<\/a><\/li>\n<li id=\"9775\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.mapbox.com\/developers\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.mapbox.com\/developers\/\">The Mapbox API<\/a><\/li>\n<li id=\"b3b1\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/docs.genius.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/docs.genius.com\/\">Music Lyrics API by Genius<\/a><\/li>\n<li id=\"3df9\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/bettermeta.io\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/bettermeta.io\/\">Site meta tags API<\/a><\/li>\n<li id=\"7151\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.eventbrite.com\/developer\/v3\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.eventbrite.com\/developer\/v3\/\">The EventBrite API<\/a><\/li>\n<li id=\"4f5a\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/changelogs.md\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/changelogs.md\/\">Open source projects changelogs<\/a><\/li>\n<li id=\"8fb4\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developer.github.com\/v3\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developer.github.com\/v3\/\">The GitHub REST API<\/a><\/li>\n<li id=\"cd4e\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developer.github.com\/v4\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developer.github.com\/v4\/\">The GitHub GraphQL API<\/a><\/li>\n<li id=\"41eb\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/goqr.me\/api\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/goqr.me\/api\/\">QR codes API<\/a><\/li>\n<li id=\"c914\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/api.stackexchange.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/api.stackexchange.com\/\">The StackExchange API<\/a><\/li>\n<li id=\"c0ca\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.wordsapi.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.wordsapi.com\/\">Words and synonyms<\/a><\/li>\n<li id=\"24fa\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/api.nasa.gov\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/api.nasa.gov\/\">The Nasa API<\/a><\/li>\n<li id=\"adec\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/github.com\/r-spacex\/SpaceX-API\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/r-spacex\/SpaceX-API\">The SpaceX API<\/a><\/li>\n<li id=\"75e8\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/github.com\/HackerNews\/API\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/HackerNews\/API\">The Hacker News API<\/a><\/li>\n<li id=\"ce84\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/instagram.com\/developer\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/instagram.com\/developer\/\">The Instagram API<\/a><\/li>\n<li id=\"3697\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.reddit.com\/dev\/api\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.reddit.com\/dev\/api\">The Reddit API<\/a><\/li>\n<li id=\"09a7\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/api.slack.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/api.slack.com\/\">The Slack API<\/a><\/li>\n<li id=\"4550\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developer.twitter.com\/en\/docs\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developer.twitter.com\/en\/docs\">The Twitter API<\/a><\/li>\n<li id=\"3a68\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/developers.google.com\/youtube\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/developers.google.com\/youtube\/\">The YouTube API<\/a><\/li>\n<\/ul>\n<\/div>\n<div><\/div>\n<h5>Image placeholders para os seus projetos:<\/h5>\n<div>\n<ul class=\"postList\">\n<li id=\"fd58\" class=\"graf graf--li graf-after--h4\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/placeholder.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/placeholder.com\/\">Placeholder.com<\/a><\/li>\n<li id=\"6fde\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/placekitten.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/placekitten.com\/\">Placekitten<\/a><\/li>\n<\/ul>\n<h5 class=\"gtx-body\">Geradores de imagem:<\/h5>\n<ul class=\"postList\">\n<li id=\"0e7f\" class=\"graf graf--li graf-after--p\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/robohash.org\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/robohash.org\/\">RoboHash<\/a><\/li>\n<li id=\"8d32\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/avatars.adorable.io\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/avatars.adorable.io\/\">Adorable Avatars<\/a><\/li>\n<li id=\"5613\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/avatars.dicebear.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/avatars.dicebear.com\/\">DiceBear Avatars<\/a>&nbsp;(pixel art)<\/li>\n<li id=\"acdf\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/lorempicsum.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/lorempicsum.com\/\">Lorem Picsum<\/a><\/li>\n<\/ul>\n<p>Espero que esta pequena lista possa ajudar cada um de voc\u00eas a colocar o conhecimento em pr\u00e1tica! Lembre-se que cada um dos itens presentes neste artigo s\u00e3o apenas um ponto de partida e que voc\u00ea poder\u00e1 criar muito mais em cima deles. Se tiver algum projeto interessante em mente, compartilhe conosco nos coment\u00e1rios.<\/p>\n<p>Ap\u00f3s completar os desafios p\u00e1rticos mais dif\u00edceis, voc\u00ea est\u00e1 pronto para conseguir um emprego! Acesse a&nbsp;<a title=\"\" href=\"https:\/\/programathor.com.br\/\" target=\"_blank\" rel=\"noopener\">ProgramaThor<\/a>, uma stratup focada no recrutamento de desenvolvedores. Para se candidatar \u00e0s vagas e receber notifica\u00e7\u00f5es em casos de matching, basta de cadastrar e completar seu perfil corretamente.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/programathor.com.br\/jobs?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=lista_de web_apps_divertidos\" class=\"large otw-greenish radius otw-button\" target=\"_blank\">VAGAS PARA PROGRAMADORES<\/a><\/p>\n<\/div>\n<p>Este artigo \u00e9 uma tradu\u00e7\u00e3o adaptada do texto do autor <a title=\"\" href=\"https:\/\/flaviocopes.com\/sample-app-ideas\/\" target=\"_blank\" rel=\"noopener\">Fl\u00e1vio Copes<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea est\u00e1 lendo este post, provavelmente est\u00e1 procurando uma ideia. Voc\u00ea provavelmente deseja criar um aplicativo simples que possa ser usado em um tutorial ou em seu projeto de exemplo para testar um novo framework ou API.&nbsp; Neste artigo voc\u00ea encontrar\u00e1 uma lista de Web apps para testar o seu conhecimento e se divertir [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41,21,1],"tags":[34,45,13,33,51,49,38,48],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Apps divertidos para construir - Blog ProgramaThor<\/title>\n<meta name=\"description\" content=\"Neste artigo, a ProgramaThor trouxe ideias de Web Apps divertidos para construir. Vem conferir e tirar todas suas d\u00favidas!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Apps divertidos para construir - Blog ProgramaThor\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, a ProgramaThor trouxe ideias de Web Apps divertidos para construir. Vem conferir e tirar todas suas d\u00favidas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog ProgramaThor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ProgramaThorBr\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pedro.lucinio.94\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-04T21:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-12T16:36:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/photo-1484417894907-623942c8ee29.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1189\" \/>\n\t<meta property=\"og:image:height\" content=\"669\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pedro Lucinio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pedrolucinio27\" \/>\n<meta name=\"twitter:site\" content=\"@ProgramaThor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pedro Lucinio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Apps divertidos para construir - Blog ProgramaThor","description":"Neste artigo, a ProgramaThor trouxe ideias de Web Apps divertidos para construir. Vem conferir e tirar todas suas d\u00favidas!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/","og_locale":"pt_PT","og_type":"article","og_title":"Web Apps divertidos para construir - Blog ProgramaThor","og_description":"Neste artigo, a ProgramaThor trouxe ideias de Web Apps divertidos para construir. Vem conferir e tirar todas suas d\u00favidas!","og_url":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/","og_site_name":"Blog ProgramaThor","article_publisher":"https:\/\/www.facebook.com\/ProgramaThorBr\/","article_author":"https:\/\/www.facebook.com\/pedro.lucinio.94","article_published_time":"2018-07-04T21:30:55+00:00","article_modified_time":"2021-07-12T16:36:41+00:00","og_image":[{"width":1189,"height":669,"url":"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/07\/photo-1484417894907-623942c8ee29.jpg","type":"image\/jpeg"}],"author":"Pedro Lucinio","twitter_card":"summary_large_image","twitter_creator":"@pedrolucinio27","twitter_site":"@ProgramaThor","twitter_misc":{"Escrito por":"Pedro Lucinio","Tempo estimado de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/","url":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/","name":"Web Apps divertidos para construir - Blog ProgramaThor","isPartOf":{"@id":"https:\/\/programathor.com.br\/blog\/#website"},"datePublished":"2018-07-04T21:30:55+00:00","dateModified":"2021-07-12T16:36:41+00:00","author":{"@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/0d0da03131226876dd51a85cdbe26458"},"description":"Neste artigo, a ProgramaThor trouxe ideias de Web Apps divertidos para construir. Vem conferir e tirar todas suas d\u00favidas!","breadcrumb":{"@id":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/programathor.com.br\/blog\/lista-de-web-apps-divertidos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/programathor.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas","item":"https:\/\/programathor.com.br\/blog\/category\/dicas\/"},{"@type":"ListItem","position":3,"name":"Lista de Web Apps divertidos para construir"}]},{"@type":"WebSite","@id":"https:\/\/programathor.com.br\/blog\/#website","url":"https:\/\/programathor.com.br\/blog\/","name":"Blog ProgramaThor","description":"A plataforma de recrutamento  para programadores pensada por programadores. Entenda melhor o mundo da programa\u00e7\u00e3o, a cria\u00e7\u00e3o de uma vaga eficiente, dicas de entrevista, as linguagens do momento, o mercado de desenvolvimento e muito mais!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/programathor.com.br\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/0d0da03131226876dd51a85cdbe26458","name":"Pedro Lucinio","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/c57a1d2b28234277049c88e675e47e45.jpg?ver=1780238778","contentUrl":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/c57a1d2b28234277049c88e675e47e45.jpg?ver=1780238778","caption":"Pedro Lucinio"},"description":"Apaixonado por tecnologia e entusiasta da literatura !","sameAs":["http:\/\/www.programathor.com.br","https:\/\/www.facebook.com\/pedro.lucinio.94","https:\/\/twitter.com\/pedrolucinio27"],"url":"https:\/\/programathor.com.br\/blog\/author\/pedro\/"}]}},"_links":{"self":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/679"}],"collection":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=679"}],"version-history":[{"count":8,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/679\/revisions"}],"predecessor-version":[{"id":3218,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/679\/revisions\/3218"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media\/683"}],"wp:attachment":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}