ImageStudy é um banco de imagens gratuito construído com ReactJS, Typescript e Styled Components que utiliza a Pexels API para buscar e exibir imagens. Com ele, você pode pesquisar imagens por palavras-chave e usá-las em seus projetos sem se preocupar com direitos autorais.
Para visualizar e testar a aplicação, basta acessar o link: https://imagestudy.vercel.app/
Para instalar o ImageStudy, você precisará ter o Node.js instalado em sua máquina. Em seguida, clone o repositório e execute os seguintes comandos:
yarn install
yarn start
npm install
npm start
Isso iniciará um servidor de desenvolvimento local na porta 3000. Acesse http://localhost:3000 para ver o aplicativo em funcionamento.
Para usar o ImageStudy, basta pesquisar por uma palavra-chave na barra de pesquisa e clicar em uma imagem para visualizá-la. Você também pode navegar pelas páginas de resultados usando os botões "Anterior" e "Próximo".
As imagens exibidas são obtidas através da Pexels API e podem ser usadas livremente em seus projetos, desde que sejam creditadas aos autores.
Este projeto é open-source e estamos sempre abertos a contribuições. Se você deseja contribuir, por favor, siga as seguintes etapas:
- Faça um fork do repositório
- Crie uma nova branch com a sua contribuição (
git checkout -b my-new-feature) - Adicione suas mudanças (
git add .) - Faça o commit das suas mudanças (
git commit -m 'Added a new feature') - Faça o push para sua branch (
git push origin my-new-feature) - Crie uma nova Pull Request
- Paginação
- Melhoria na paginação
- Instalação e configuração de Eslint e Prettier no projeto
- Abrir imagens em modal
- Adicionar opções de download direto com diferentes tipos de resolução da imagem no modal
- Adicionar opção de visualizar a imagem em tamanho original no modal
- Imagens dinâmicas na página inicial
Este projeto está licenciado sob a licença MIT.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent