Skip to content

BootcampIgnite2021/upfi

Repository files navigation

Logo

UpFi.

UpFi - Interface with Chakra UI!

GitHub top language Made by Repository size GitHub last commit Repository issues GitHub Stargazers

About the challenge   |    Getting started   |    How to contribute   |    License   |    Author

Gif

About the challenge 📂:

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 🚀

Getting started 🖥️:

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

How to contribute 🤔:

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

License 📝:

This project is licensed under the MIT License - see the LICENSE file for details.


Author 👨‍💻:

Made with ❤️ by franciscojunior10 my 👉 Linkedin

About

📝 Challenge 08 -Interface with Chakra UI #IgniteReactJSTrail

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published