gpecapedra / upfi

Image upload with React Query, React Hook Form and Chakra UI

upfi

Ignite Journey - Challenge 07

Project   |    Technologies   |    Layout   |    How to Use   |    Features   |    License

💻 Project

The main objective is to add some code snippets so that the image upload application works correctly. It must make requests to its own Next.js API that will return data from FaunaDB (database) and ImgBB (image hosting service). The implemented interface must follow Figma's layout.

🚀 Technologies

This project was developed with the following technologies:

• Create Next App
• React
• TypeScript
• Chakra UI
• React Query
• react-hook-form
• imgBB
• faunaDB

🔖 Layout

Created from Rocketseat template.

You can view the layout of the project in the web version. You need to have a Figma account to access it.

ℹ️ How To Use

To clone and run this application, you'll need Git and Yarn. From your command line:

# Clone the repository
$ git clone https://github.com/gisabernardess/upfi.git

# Go into the directory
$ cd upfi

# Install dependencies
$ yarn

# Run the development server
$ yarn dev

# Navigate to http://localhost:3000
# The app will automatically reload if you change any of the source files.

✨ Features

• Infinite Queries and Mutations with React Query;
• Form submission with React Hook Form;
• Modal and Toast display with Chakra UI;

📄 License

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

---

Made with ♥ by Gisele Silva 👋🏻 Get in touch!