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

Last update: Mar 4, 2022

FireGram-React

How to use firebase and firestore in a react application

Dependencies

  • firebase
  • firebase-react
  • framer-motion
  • motion

Installation

Install my-project with npm

  git clone https://github.com/TarokhDev2020/FireGram-React.git
  cd my-project
  npm install

make sure to create your application in firebase first

Authors

GitHub

https://github.com/TarokhDev2020/FireGram-React
You might also like...

a simple chat application with React and Firebase

a simple chat application with React and Firebase

a simple chat application with React and Firebase

Feb 10, 2022

Crypto trading application made with Ionic, Typescript, ReactJS and Firebase.

Crypto trading application made with Ionic, Typescript, ReactJS and Firebase.

Vevel Crypto trading application made with Ionic, Typescript, ReactJS and Firebase. Screenshots How to run Pull the repository from Github. Move into

Jul 29, 2022

simple application using react ⚛ + firebase 🔥

simple application using react ⚛ + firebase 🔥

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

Apr 6, 2022

Youtube clone application using react & firebase

Youtube clone application using react & firebase

youtube-clone Youtube clone application using React JS. ⚡ Commands commands description npm start start app npm run build build app firebase init Init

Jul 8, 2022

This is a complete news application having some awesome AI tool like Alan AI and use advance React concepts.

This is a complete news application having some awesome AI tool like Alan AI and use advance React concepts.

News AI Live_Site Setup to use and run it. You have to install following dependencies npm install npm i @material-ui/core @alan-ai/alan-sdk-web classn

Oct 7, 2021

Example of how to use Arweave in a JavaScript client application with React

Arweave React example Adding global, permanent, and decentralized storage to your app with Arweave This is a code example of how to use Arweave tieh O

Jun 25, 2022

An app built with react and firebase and few other modules. It is tiktok but for movie trailers. that is why I called it tiktrailer

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

Mar 31, 2022

Building Disney clone with React JS , Redux, Styled Components and Firebase for Hosting and Storing Data

Building Disney clone with React JS , Redux, Styled Components and Firebase for Hosting and Storing Data

Apr 13, 2022

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

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

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

Jun 26, 2022
Netflix Clone. Search and find your favorite movie with coming from TMDB API. Also you can watch the trailers 📽️ 🍿 Used ReactJS, Material UI, Firebase, Firestore Database
Netflix Clone. Search and find your favorite movie with coming from TMDB API. Also you can watch the trailers 📽️ 🍿 Used ReactJS, Material UI, Firebase, Firestore Database

Netflix Clone. Search and find your favorite movie with coming from TMDB API. Also you can watch the trailers ??️ ?? Used ReactJS, Material UI, Firebase, Firestore Database

Apr 20, 2022
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database
 İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

İnstagram Clone.You can sign in, sign up, upload image, make comment ?? Used ReactJS, Material UI, Firebase, Firestore Database

Apr 20, 2022
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database
 İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

?? instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment ?? ⚡ LIVE To check out the live demo of this app AB

Jun 6, 2021
This is a Facebook Messenger clone.You can comminicate to other at realtime.Used ReactJS, Material UI, Firebase, Firestore Database
This is a Facebook Messenger clone.You can comminicate to other at realtime.Used ReactJS, Material UI, Firebase, Firestore Database

?? facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime ?? ⚡ LIVE To check out the live demo of this app ABO

Apr 20, 2022
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

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

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

Jul 30, 2022
Example project showing firestore chat using react-query
Example project showing firestore chat using react-query

?? 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

Jul 28, 2022
This is a Todo Application that use Firebase API, React with TypeScript.
This is a Todo Application that use Firebase API, React with TypeScript.

A simple Todo App with check complete function and filter todo. Made with React and TypeScript. The app can Add, Delete and Edit todo. Todo can be sorted by Complete or Active.

Jul 8, 2022
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.

Jul 31, 2022
A whatsapp clone progressive web application built with react nodejs and firebase
A whatsapp clone progressive web application built with react nodejs and firebase

WhatsappyApp is a whatsapp clone progressive web application built with react nodejs and firebase it allows you to send messages talk with people and serach for them and many more.

Aug 7, 2022