UpFi

ReactJS - Ignite - Rocketseat

Chapter #04

Project | Layout | Tools | Features | How to execute | License

---

Project 💻

UpFi is a web platform designed to host images in a free image hosting service (ImgBB). This application was developed during the second challenge of Chapter 04 of ReactJS track on Rocketseat's Ignite plataform.

Layout 🔖

You can view the project layout through this link. You must have a Figma account to access it.

Tools 🛠️

This project was developed using the following technologies:

• ReactJS
• NextJS
• Typescript
• React Query
• React Hook Form
• FaunaDB
• ImgBB API

Features 💡

• Render image cards;
• Render a button if it has more pages to load;
• Add a new image on database.

How to execute 🚀

Deployed App: https://upfi-roan.vercel.app/

If you prefer to run it locally:

• Clone this repository;
• Create a new database in FaunaDB and a new collection called images;
• Create an account in ImgBB and generate a API Key;
• Configure environment variables: FAUNA_API_KEY and NEXT_PUBLIC_IMGBB_API_KEY on .env.local on project root;
• Install all the dependencies with yarn or npm install;
• Run the application with yarn dev or npm run dev;
• Access localhost:3000 in your browser;
• Enjoy 🥳

License 📄

This project is under the MIT license. See the LICENSE file for more details.

Developed with 💜 by Caio Hatai and Rocketseat.