UpFi - Interface with Chakra UI!
About the challenge | Getting started | How to contribute | License | Author
In this challenge, you must create an application to train what you’ve learned so far in ReactJS
This will be an application where your main objective is to add some code snippets so that the image upload application works correctly. You will receive an application with many features and styling already implemented. 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 the Figma layout. You will have access to 4 files to implement:
- Infinite Queries and Mutations with React Query;
- Form submission with React Hook Form;
- Modal and Toast display with Chakra UI;
- Between others.
Next we will see in more detail what and how needs to be done 🚀
Clone the project and access the folder
$ https://github.com/BootcampIgnite2021/upfi.git && cd upfi
Follow the steps below
# Install the dependencies
$ yarn
# Start the client
$ yarn dev
# Execute tests
$ yarn test
Make a fork of this repository
# Fork using GitHub official command line
# If you don't have the GitHub CLI, use the web site to do that.
$ gh repo fork BootcampIgnite2021/upfi
Follow the steps below
# Clone your fork
$ git clone your-fork-url && cd upfi
# Create a branch with your feature
$ git checkout -b my-feature
# Make the commit with your changes
$ git commit -m 'feat: My new feature'
# Send the code to your remote branch
$ git push origin my-feature
After your pull request is merged, you can delete your branch
This project is licensed under the MIT License - see the LICENSE file for details.
Made with ❤️ by franciscojunior10 my 👉 Linkedin