we are going to make Next.js API requests, return data from FaunaDB and ImgBB Chakra UI in Next.js, useInfiniteQuery, React-hook-form and much more...

Overview

Header

Demonstration

Roadmap

More...

Page structure - elements

Functions and variables

API Requests and validations

More...

Fixing small bugs

Testing the app

Making it responsive

More...

Doing extra events and animations

Checking and validations

Testing and upload the app

Instalation

You can use git or a tool like degit to clone my projects for your directory.

#clone project repository
git clone HTTTPS-or-SSH-URL
#OR
npx degit gw-rodrigues/repository-name new-project-folder-name

#go to project folder
cd new-project-folder-name

#install dependencies
npm install
#OR
yarn

#start project developer mode
npm run dev
#OR
yarn dev

Open http://localhost:3000 with your browser to see the result.

More...

License GitHub Repo stars GitHub package.json version GitHub last commit GitHub language count

You might also like...
MERN stack  (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.
MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.

MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.

A web viewer for Anime Girls Holding Programming Books made using React, Chakra UI and Vite.
A web viewer for Anime Girls Holding Programming Books made using React, Chakra UI and Vite.

A web viewer for Anime Girls Holding Programming Books made using React, Chakra UI and Vite.

Minimalist ToDo app built using ReactJS, Framer Motion and Chakra UI.
Minimalist ToDo app built using ReactJS, Framer Motion and Chakra UI.

Track your productive time Libraries used ReactJS Chakra UI Framer Motion Features Track your session stats Check out how productive you are in each s

This project was bootstrapped with Chakra UI & Create React App
This project was bootstrapped with Chakra UI & Create React App

This project was bootstrapped with Chakra UI & Create React App

React notes app used Redux, Chakra UI
React notes app used Redux, Chakra UI

This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: yarn start Runs the app in the developme

 A Create React App to Test @chakra-ui/storybook-addon
A Create React App to Test @chakra-ui/storybook-addon

A Create React App to Test @chakra-ui/storybook-addon This project was bootstrapped with Create React App. Steps to reproduce yarn (Install dependenci

 Kitabisa Campaign List - This project was bootstrapped with: React Vite Chakra UI
Kitabisa Campaign List - This project was bootstrapped with: React Vite Chakra UI

Kitabisa Campaign List Demo: https://kb-campaign.vercel.app/ Tech Stack This project was bootstrapped with: React Vite Chakra UI Jest Recoil ESLint Av

Discord like chatrooms with firebase, nextJS, chakra-UI

F.R.I.E.N.D.S chatrooms made using next.js, firebase (firestore and auth), chakra-ui Demo App Contact Me at [email protected] as many people have

Amazon Clone Application using React JS, Context API, Firebase and Stripe with full E-Commerce Functionalities like adding to cart feature, user authorization, payment and many more.
Amazon Clone Application using React JS, Context API, Firebase and Stripe with full E-Commerce Functionalities like adding to cart feature, user authorization, payment and many more.

Amazon Clone is the Fully functional Real custom made Web application that covers and entire E-commerece functionality from designing, User Authentication till Payments build using React JS, Firebase and Stripe.

Owner
Gleydson Rodrigues
#javascript #react #nextjs #typescript #sass #nodejs #git
Gleydson Rodrigues
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page

Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page. Used React.js, Typescript, Tailwindcss, Headlessui, Accessibility, Jtest, Node.js, Prisma DB, Mobile version and much more...

Gleydson Rodrigues 2 May 28, 2022
UpFi-ReactJs - An image upload site using React, ImageBB and FaunaDB

Começando pelo tema do projeto: upload de imagens. Como o desenvolvimento do zer

Gabriel Fiusa 5 May 24, 2022
Stellar is an app that gives you real time information about what’s going on in space.

Stellar is an app that gives you real time information about what’s going on in space. Developed in Snack Expo using React Native. Check README.md to learn how to run the app.

Shivam Maji 3 Jun 22, 2022
ToolJet is an open-source no-code framework to build and deploy internal tools quickly without much effort from the engineering teams

ToolJet is an open-source no-code framework to build and deploy internal tools quickly without much effort from the engineering teams. You can connect to your data sources such as databases ( like PostgreSQL, MongoDB, Elasticsearch, etc ), API endpoints ( ToolJet supports importing OpenAPI spec & OAuth2 authorization) and external services ( like Stripe, Slack, Google Sheets, Airtable ) and use our pre-built UI widgets to build internal tools.

ToolJet 13.3k Sep 26, 2022
Rapini - a tool that generates React Query hooks, Axios requests and Typescript types, based on an OpenAPI spec file

Rapini is a tool that generates React Query hooks, Axios requests and Typescript types, based on an OpenAPI spec file. The generated code is packaged conveniently so that it can be published as a package on any NPM registry.

Jason Rametta 44 Sep 27, 2022
👜 Next-gen e-commerce built using Remix, Chakra UI, GraphQL and web3

?? Future Store Here at New Store, we have the best in women's, men's, bags, shoes, accessories and more. Unmissable discounts and installments. Buy a

Matheus Trindade 13 Aug 3, 2022
A small website to search people's profiles on GitHub. Using Chakra UI + Next JS + React Query + Redux Toolkit

A small website to search people's profiles on GitHub. Using Chakra UI + Next JS + React Query + Redux Toolkit

Matheus Filype 9 Aug 8, 2022
Reddit Clone with REACTJS (Next.js, Firebase v9, Chakra UI, TypeScript, Recoil)

Reddit Clone with REACTJS (Next.js, Firebase v9, Chakra UI, TypeScript, Recoil)

Sashen Jayathilaka 11 Sep 6, 2022
React-todo-localstorage - A simple Todo using React, TypeScript, Vite.js, Chakra UI and localStorage

React Todo A simple Todolist using localStorage. Live demo here. Table of Conten

Fellipe Utaka 3 Mar 8, 2022
Simple task list using NodeJS, Typescript, React, Redux, Chakra UI and React Icons

Simple task list using NodeJS, Typescript, React, Redux, Chakra UI and React Icons

Paulo Vitor Nascimento 9 Jun 26, 2022