Skip to content

Lissone/upfi

Repository files navigation

Upfi logo

Description   |    Requirements   |    Technologies   |    Usage   |    Demonstration


License Repo size Top lang Stars repo Forks repo Pull requests Last commit

Report bug · Request feature


Description

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.

Requirements

Technologies

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

Usage

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

Demonstration

Demo Upfi

License

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

Made with ❤️ by Lissone