React Firestore CRUD App example | Firebase Cloud Firestore

For instruction, please visit:

React Firestore CRUD App example (using React Components)

React Hooks Firestore example: CRUD App

More practice:

React Firebase CRUD App with Realtime Database

React (Components) CRUD example to consume Web API

React (Hooks) CRUD example to consume Web API

React Pagination example

React File Upload example

React JWT Authentication & Authorization example

React + Redux: JWT Authentication & Authorization example

Fullstack with Node.js Express:

React.js + Node.js Express + MySQL

React.js + Node.js Express + PostgreSQL

React.js + Node.js Express + MongoDB

Fullstack with Spring Boot:

React.js + Spring Boot + MySQL

React.js + Spring Boot + PostgreSQL

React.js + Spring Boot + MongoDB

Fullstack with Django:

React.js + Django Rest Framework

This project was bootstrapped with Create React App.

Set port

.env

PORT=8081

Project setup

In the project directory, you can run:

npm install
# or
yarn install

or

Compiles and hot-reloads for development

npm start
# or
yarn start

Open http://localhost:8081 to view it in the browser.

The page will reload if you make edits.