Description   |    Requirements   |    Technologies   |    Usage   |    Demonstration

Report bug · Request feature

Project was a challenge for the upload of images to work correctly, using faunaDb, imgBB and react query.

It consists of a website for uploading and viewing images, where the user can browse through their photos in a simple and suggestive way. For this application a lot of the ux aspect was used, which makes everything simpler and more beautiful for the user.

It was a very big challenge for me as it was one of the first times I worked with react query. Some fundamentals I'm still adapting, but it's an amazing tool that makes it possible to make the user experience even better, with a simple way of implementation. In addition to faunaDb and imgBB, which are incredible tools that allow you to make the front-end increasingly independent.

• Npm
• Yarn
• Nodejs

• NextJs
• Typescript
• ChakraUI
• React query
• React hook form
• FaunaDb
• ImgBB
• Jest
• ESLint (Airbnb config)
• Prettier

You can clone it on your pc using the command:

git clone https://github.com/Lissone/upfi.git
cd upfi

Install dependencies using:

yarn
#or
npm install

Need to add environment variables:

# ./.env.local

# DEFAULT
NEXT_PUBLIC_IMGBB_API_KEY=
FAUNA_API_KEY=

Run web:

yarn dev
#or
npm run dev

Distributed under the MIT License. See LICENSE for more information.