Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunocarvalhofeitosa/unsphoto
Clone of Unsplash using Next.js, Typescript and TailwindCSS.
https://github.com/brunocarvalhofeitosa/unsphoto
Last synced: 4 days ago
JSON representation
Clone of Unsplash using Next.js, Typescript and TailwindCSS.
- Host: GitHub
- URL: https://github.com/brunocarvalhofeitosa/unsphoto
- Owner: BrunoCarvalhoFeitosa
- Created: 2023-09-02T02:19:15.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-03T00:47:56.000Z (about 1 year ago)
- Last Synced: 2023-09-04T04:37:43.003Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://unsphoto.vercel.app
- Size: 743 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Clone do site Unsplash, neste projeto foi utilizado Next.js, Typescript, TailwindCSS e a própria API do Unsplash para a busca e apresentação das imagens.
Sumário
## Sobre o projeto
Esta aplicação foi feita com Next.js, Typescript e TailwindCSS. É totalmente responsivo, ou seja, se adapta a qualquer tipo de dispositivo, através da API do próprio Unsplash é possível pesquisar por qualquer termo e obter as respostas de maneira dinâmica, dentro da resposta da API é possível saber quem foi o fotógrafo que upou a imagem, quantos downloads, visualizações e likes aquela imagem recebeu e, também é possível saber a localidade do fotógrafo, bem como a câmera em que ele tirou aquela foto. Ao clicar sobre uma imagem, é possível fazer o download dela diretamente para o seu computador ou celular, para essa funcionalidade foi utilizada a biblioteca file-saver.
### Home
https://github.com/BrunoCarvalhoFeitosa/unsphoto/assets/46093815/f4282f9f-1463-41c0-9bcd-606a8c694797
### Busca
https://github.com/BrunoCarvalhoFeitosa/unsphoto/assets/46093815/a2d4c888-f9e7-411d-9af4-e5db8ee4a96a
### Responsividade
https://github.com/BrunoCarvalhoFeitosa/unsphoto/assets/46093815/ab2e3cef-3b7e-4a04-af41-4fc0f37300a1
### Feito com
* [Next.js](https://nextjs.org/)
* [TailwindCSS](https://tailwindcss.com)
* [Unsplash API](https://unsplash.com/developers)
* [Vercel](https://vercel.com/)
### Hospedagem
O app está em produção neste link: (https://unsphoto.vercel.app).
## Iniciando o projeto
Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/unsphoto.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador.
### Pré-requisitos
* npm
```sh
npm install npm@latest -g
```
### Instalação
1. Clone o repositório
```sh
https://github.com/BrunoCarvalhoFeitosa/unsphoto.git
```
2. Instale os pacotes do NPM
```sh
npm install ou yarn
```
3. Inicie o projeto
```sh
npm run dev ou yarn dev
```
## License
Distribuído sob a licença MIT.
## Contato
Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)