3 api's para praticar front-end
- #React Native
- #JavaScript
- #React
Todo dev precisa praticar né? Nem só de livro ou stackoverflow vive um desenvolvedor, então separei algumas api's que eu já utilizei para aprender me divertindo em projetos front-end e ainda por cima agregar em seu portfolio 😍
Caso precise de inspiração para o projeto, eu particularmente utilizo o dribbble para buscar referências de design, mas não se preocupe em procurar tanto, vou deixar alguns modelos em cada api!
✋🏻 Não se esqueça de dar os créditos ao designer, ein.
PokeAPI
E ai, já pensou em criar uma pokedex? saber todos os pokemons existentes? Então chegou a hora de explorar essa magnifica api que fornece todas as informações necessárias para criar uma gigantesca pokedex e deixar o ash com inveja.
API 👉🏻 https://pokeapi.co/
Vamos as referências para testar suas habilidades, pokedex é legal fazer para mobile, pra ter a mesma experiência do nosso colega ash.
Mobile:
- https://dribbble.com/shots/6540871-Pokedex-App
- https://dribbble.com/shots/16833947-Mobile-Pokedex-App-Design-Exploration
- https://dribbble.com/shots/4862523-Pokedex-iOS-app-Squirtle
Web:
- https://dribbble.com/shots/15128634-Pokemon-Pokedex-Website-Redesign-Concept
- https://www.pokemon.com/us/pokedex/
MovieDB
Essa é clássica! quem não quer montar um netflix? mas só de informações, essa api é COMPLETA, com toneladas de informações sobre filmes e séries, com essa api você vai conseguir buscar filmes em cartaz, verificar o elenco, avaliações e PASMEM, ela te entrega um pequeno controle de autenticação e sessão de usuário! Tenho certeza que essa é uma das melhores api's para praticar.
API 👉🏻 https://developers.themoviedb.org/3/
A referência nem preciso dizer né? Netflix! mas com o toque especial de sem filme e apenas informações.
Duas referências incríveis para praticar suas habilidades de dev:
- https://dribbble.com/shots/15558638-Movie-Dashboard-Design-Dark-Mode
- https://dribbble.com/shots/17230478-MOVEA-Movie-dashboard-design
Marvel
Ultron liberou o código do multiverso e agora podemos navegar por todos os personagens dessa enorme api. Para os nerds de plantão, tenho certeza que será uma aventura desenvolver um guia com todos os personagens da Marvel.
A API da marvel é comentada em cada campo de retorno, facilitando ainda mais o entendimento.
API 👉🏻 https://developer.marvel.com/
Dê um baile de programação no tony stark e monte uma aplicação poderosa com essa referência 👊🏻
É isto pessoal, com esses 3 exemplos você já vai adquirir bastante conhecimento em como trabalhar com uma api e com certeza vai te ajudar em futuros projetos!
Mas não se limite apenas a essas que listei acima, existem diversas api's publicas para você acessar e criar suas próprias aplicações e tunar seu portfólio.
Espero ter ajudado! 👋🏻