This is a study project made to develop ReactJS and learn it's concepts.
In this project I've build a ReactJS photo gallery with server and REST API photo upload to ImgBB. The main goal of this challenge was to do a form validation of the data to upload the photo using Reatc Hook Form lib, also work with React Query to fetch the feed with pagination. I've gonne deep into this project and implemented InfiniteScrolling using the Hook useInfiniteQuery from React Query.
The whole project keeps in mind accessibility too, you can navigato through the app with the keyboard with no problem at all.
For UI/UX design we use Figma with the design build to guide.
Front-end: ReactJS, CSS3, ChakraUI, React Query, React Hook Form, TypeScript
Back-end: FaunaDB, ImgBB
- Use of Next.js
- Use of React Query with FaunaDB
- Basic knowledge of the React framework
- Knowledge in ChakraUI lib
- Knowledge in React Hook Form
- Modularization and SOLID concepts
- Usage of Figma for UI/UX concept, exporting SVG objects and inspect CSS aspects of the UI
- Accessibility functions, like keyboard navigation and good practices
- Clone this repository
- Create a FaunaDB with a collection called images, generate and Key
- Create a ImgBB account, get and API Key
- Create on the root file a .env.local with those API's keys
- run the project with
npm run dev