Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thiagohrcosta/ignite-desafio-04-photo


https://github.com/thiagohrcosta/ignite-desafio-04-photo

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

![MainImg](https://res.cloudinary.com/dloadb2bx/image/upload/v1635994845/0ff8ac80-8026-11eb-8ed1-e8b77764fbcd_el3ft3.png)

## CAPÍTULO 04 - DESAFIO 01
![enter image description here](https://res.cloudinary.com/dloadb2bx/image/upload/v1647280467/Peek_14-03-2022_14-53_whmiab.gif)

This repository stores the **Challenge 01** of **Chapter 04**, of the specialization in **ReactJS** taught by **[ROCKETSEAT](https://www.rocketseat.com.br/)** in its **IGNITE PRO** course.

**Technologies used**:

![enter image description here](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![ ](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white) ![enter image description here](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)

**Others technologies used:**:

- [FaunaDB](https://fauna.com/);
- [ImgBB](https://pt-br.imgbb.com/)

**Course grade:** 10/10

![enter image description here](https://res.cloudinary.com/dloadb2bx/image/upload/v1647279845/gradeCourse_qzjb4n.png)

### Challenge:
This challenge required the development of new functionalities for the application, allowing the connection with FaunaDB and ImbBB, in which the user could add new photos or view those that were already registered. The user could even click to load more photos throughout the page.

## Features

- Scroll down
![enter image description here](https://res.cloudinary.com/dloadb2bx/image/upload/v1647279251/UploadIMG2_ij1gtv.gif)

## How to run?

To run this application just clone it or download it to your PC. Then run `yarn install`. Finally, run the `yarn dev` command. Remember that you must insert your FaunaDB API Key with a collection called images and your ImgBB API Key to effectively run this application.