React Firestore-database Resources

CookieKas, free cashier app built with nextjs and local storage as database

Google Docs with REACT.JS! 📷 Screenshots LIVE DEMO 💥 👾 Tech Stack Client Javascript Next.js React.js TailwindCSS Database Firebase 🧰 Getting Start

Tinde-Chater is a Full Stack Chatting App. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

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

LinkedIn Clone with React (Next.js, Tailwind CSS, Firebase v9, Recoil)

Laser Chat 2.0 This is an open chat web app that I made using Google Firebase. Hosting a server To host your own chat server, first open the terminal

FaceNuke 🚀 A proof-of-concept social networking platform written in React! Introduction This project was developed using React and Firebase (also imp

A Stunning portfolio ⚡️ build with React JS and framer-motion. Framer-motion for cool transitions and animation. Showcasing about me. And uses Email.JS for Contact form.

A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality including user register, user login, user authentication, shop cart management, order management, and payment using Stripe, etc.

Instagram 2.0 Clone With ReactJs! 🔴 LIVE DEMO PREREQUISITES: Sign up for a Firebase account HERE Install Node JS in your computer HERE This project w

[Assignment given by a company for evaluation] Basic Employee Management System With React, Material UI & .Net Core, JWT Used For Authentication & Authorization. Use the username and password demo.

Twitter-Clone Click demo to try it by yourself! You can send your comments about the project as tweet to me! Twitter-Clone Demo Link You can view the

TODO app with React + Firebase 🔥 Firebase 🌎 Hosting --- https://todo-app-cp-f9fec.firebaseapp.com/ This project was bootstrapped with [Create React

TODO app with React + Firebase 🔥 Firebase 🌎 Hosting --- https://todo-app-cp-f9fec.firebaseapp.com/ This project was bootstrapped with [Create React

Disney+ clone made with React, Redux, Firebase for hosting and database and Styled-components for styling

ProStack 📑 An open-source platform 💻 to peep into some highly interesting and exciting projects & connect with those project's owner for collaborati

Absence Manager is a simple database frontend app written in TypeScript using mainly React and Redux, hosted on Heroku. The employee absence information were displayed using the Absence Manager API and Axios to fetch data. TailwindCSS was used for the generating css elements and making the components responsive.

Yaade - Yet Another API Development Environment Yaade is an open-source, self-hosted, collaborative API development environment. 🤔 Why did you develo

This is a sample JavaScript/React Vite App done step-by-step.

Linkedin.com (Redesign with Next.js & Tailwindcss) It is a redesign of the professional networking and career development website Medium.com. It is de

An Instgram Clone made up with React JS and Firebase 9.

A netflix clone made using React, Firebase, Firestore, and Styled Components

An admin dashboard built with React, Redux, Firebase for the beezer interview coding challenge.

A Full Stack Shopping App that i built using ReactJS Redux with full E-Commerce Functionality!!

I have created this app using React Native framework and Firebase as a database. You can view menu, add items to cart, add items to favorite, place an order, track order and many more features.

Simple Expo React Native application to quickly get started with Realm, based on the starter template that is provided by Realm

Letmeask - perfect for content creators to be able to create Q&A rooms with their audience, in a very organized and democratic way

Whatsapp 2 Getting Started with Create React App ⚛ This project was bootstrapped with Create React App. Table of contents ✒️ Overview 🎯 Links 🔗 My p

Educational app for kids focussing on our solar system. Interactive elements along with 3D models, quizzes and audio to help keep them engaged.

redux-storage Save and load the Redux state with ease. Moved to the react-stack organisation My focus has left the node / react ecosystem and this mod

Movie Searcher A fully responsive React app that allows you to search for movies from Movie Database (IMDB Alternative).

FireGram-React - How to use firebase and firestore in a react application

SherafUI A React + Python Backend to visualize and interact with Sheraf / ZODB d

Redux-ORM Installation npm install redux-orm --save Or with a script tag exposing a global called ReduxOrm: script src="https://unpkg.com/redux-orm/d

A tiny but powerful system for managing 'resources': data that is persisted to remote servers. ✓ Removes nearly all boilerplate code for remotely-stor

A React-fullstack platform to track all cryptocurrency in one place. See their price, latest news, volume, market cap and past data represented by graphs. Create your account and add your favorite coins.

An open source project to catalogue the diverse set of Indian cuisines available across the subcontinent for thousands of years. We aspire to become t

React通用后台 目标是快速搭建一个可用的后台界面，可以先看下DEMO(普通) / DEMO(TAB模式)，用户名/密码：guest/guest。友情提示：这个DEMO还是有点大的，加载可能稍慢，注意网速。。。 也可以点击这里查看截图，包含一些主要特性的演示。 如果对React或Ant Desig

React Firebase Material-UI insta reels app Website link : here P.S :- Open the w

Firebase Admin Console is a centralized platform for easy viewing and maintenance of Firestore database, the application's front-end is built in ReactJS. A starting template for developers to customize, build, and even deploy the desired admin console for their DB.

ReactFire Hooks, Context Providers, and Components that make it easy to interact with Firebase. What is ReactFire? Easy realtime updates for your func

Admin Panel of Hotel Management System This project is part of the Course of Web

Get Started • Docs • Community • Tutorials • Events • Youtube • Discord • Templates Turn any datasource into an internal app in minutes. Appsmith lets

lexiQL is an open-source GraphQL prototyping tool that visualizes your relational database and facilitates GraphQL API prototyping and configuration,

A simple and lightweight SQL client with cross database and platform support. Demo (version 1.0.0) Databases - List of current supported databases. Do

Chartbrew is an open-source web application that can connect directly to databases and APIs and use the data to create beautiful charts. It features a

Build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub. DEMO: https://reactpethotel.com.

GRANDstack Starter npx create-grandstack-app myNewApp This project is a starter

Disney+ (Disney+ Clone) Test it out: Disney+ Disney+_720p.mov Description Beautiful Disney+ clone built with React.js and styled components. Managed R

To Do List App (React) This project is hosted on https://todolist-app.xyz/ A responsive to-do-list website with image uploading features integrated wi

Koma CryptoCurrency Made with Firebase-Firestore and MUI Demo - https://koma-cry

No Code Backend API, Fast and Easy! Kontenbase allows you to easily create backe

React Camp Spec All ideas, tasks and some solutions was created during the watching "The Complete React Developer Course" by Andrew Mead and "React -

Project Title Contact Application Using Realtime Database An application created

ArtemisQL A GraphQL migration tool and relational database visualizer 🔎 Overview ArtemisQL is an open-source web application providing a SQL (Postgre

Node.js API Starter Kit Node.js API Starter Kit is a project template for building Node.js backend applications optimized for serverless infrastructur

SheetJS Parser and writer for various spreadsheet formats. Pure-JS cleanroom implementation from official specifications, related documents, and test

SQLite compiled to JavaScript sql.js is a javascript SQL database. It allows you to create a relational database and query it entirely in the browser.

react-native-flipper-databases Flipper Databases plugin for React Native This React Native plugin allows browsing popular React Native databases using

Snapchat Clone Snapchat Clone created with React Native. Demo • Key Features • Key Technologies • Setup • Support • License Demo Here is a working liv

Node.js Express Login and Registration example with JWT Appropriate Flow for User Login and Registration with JWT Authentication Node.js Express Archi

lovli.js A starter kit which allows you to develop realtime applications in minutes. Demo: lovli.neschkudla.at Stack facebook/react - View rethinkdb/h

Intro This is a Clone of Gmail web Application built in React, redux(state management), firebase(auth and realtime db), material-UI (only icons and bu

React Firebase Hooks: CRUD App with Realtime Database Project setup In the project directory, you can run: npm install # or yarn install or Compiles

E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

✨ GCP as easy as ABC ✨ Build on Google Cloud Platform in minutes Manage Firestore data in a spreadsheet-like UI, write Cloud Functions effortlessly in

Firebase NodeJS Firestore API A DDD application focused on separation of concerns and scalability. Loosely coupling with clear dependency graphs provi

LunaSec is a suite of security tools designed to protect sensitive data in web applications by only adding a few lines of code. What is LunaSec? Docum

SpringReactiveApp This application has following projects Spring boot reactive with Mongo Database Angular with EventSource for reactive(non-blocking

CRUD - REACTJS + FIREBASE 💻 Projeto Uma aplicação simples que faz cadastro de clientes. A principal abordagem é o conceito de CRUD as 4 operações bás

Book Search Engine To checkout the live site on heroku. Table of Contents Description Installation Technologies Usage Contribution Questions Descripti

Node Apollo Prisma Express React GraphQL Boilerplate for a Fullstack GraphQL App with React & Prisma 🚀 Bootstrap your fullstack GraphQL app within se

Features Spreadsheet interface for viewing Firestore collections, documents, and subcollections. Add, edit, and delete rows Sort and filter by row val

OLX clone Start your own website like Olx in minutes with help of Sijeesh Miziha's Olx-Clone React App. Olx-Clone is the potential classified advertis

React Firehooks 🔥 🪝 Lightweight dependency-free collection of React hooks for Firebase. Installation npm install react-firehooks or yarn add react-f

Fire7 is a small library that implements real-time data binding between Firebase Cloud Firestore and your Framework7 app.

React Query Firebase provides a set of easy to use hooks for common Firebase usecases. Each hook wraps around React Query, allowing to easily integrate the hooks into a new or existing project, whilst enjoying the powerful benefits React Query offers.

Open source platform to manage Firestore data in a spreadsheet-like UI, deploy Cloud Functions easily, and connect to your favorite third-party platforms.⚡️✨

react-native-sync Two way, incremental sync between React Native realmjs databases and MySQL, Oracle, MS SQL Server and PostgreSQL databases. Features

pouchdb-adapter-react-native-sqlite PouchDB adapter using ReactNative SQLite as its backing store. Why? SQLite storage performs much faster than Async

react-native-store A simple database base on react-native AsyncStorage. Installation $ npm install react-native-store --save Upgrading from previous v

Realm is a mobile database that runs directly inside phones, tablets or wearables. This project hosts the JavaScript versions of Realm. Currently we s

A reactive database framework Build powerful React and React Native apps that scale from hundreds to tens of thousands of records and remain fast ⚡️ W

Announcement              Version 10.0.0 is now released, read the ANNOUNCEMENT                RxDB A realtime Database for JavaScript Applications Rx

MMKV is an efficient, small mobile key-value storage framework developed by WeChat. react-native-mmkv is a library that allows you to easily use MMKV inside your React Native applications. It provides fast and direct bindings to the native C++ library which are accessible through a simple JS API.

Aura, an easy to use mood tracking app that takes your daily life's mood into account. It allows you to understand yourself better and helps you maintain an even mood throughout the day. The app has various features such as graphs, statistics, insights, and relaxing sounds to improve you mood.

FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.

React Query for Firestore, that you can actually use in production, on every screen.

React Query + Firestore const { data } = useDocument('users/fernando') It's that easy. 🔥 This library provides the hooks you need for querying Firest

Book Collection List 💻 Demonstration of the application | Features | Technologies used | Application installation 💻 Demonstration of the application

A Slack Clone that you can sign in with your Google Account, add new channels and send realtime messages to them.

A Gmail Clone which built with ReactJS and Redux. You can sign in with your Google Account, compose a new e-mail and send realtime emails to the project.

This project is a simplified implementation of a shopping system, the project aims to provide the basic features that are expected to be found in a mobile e-commerce applicaion where users can purchase and sell products.

🔥 Firestore Chat Example This is an example that shows chat room using firestore and react-query. Check here for react native version of this example

React UI and Firebase Authentication Template

Letmeask 1.0 Website · Figma · Twitter Code by Ruy Armando ❤️ 👋 💻 Sobre o projeto Nesta edição do Next Level Week, iremos desenvolver uma aplicação

Facebook Clone with ReactJS A Facebook Clone that you can sign in with your Google Account and send realtime posts. Click demo to try it by yourself!

React Native Expo with Firebase Expo link Screens Infrastructure React Native Expo Firebase(Authentication, Firestore, Cloud Storage) Libraries Expo a

It means that you are learning React.js by building a real-life project. I will explain concepts in detail. This post is the first part in my series and it is suitable for beginners.