React Firebase Material-UI insta reels app

Overview

React Firebase Material-UI insta reels app

Website link : here

P.S :- Open the website in laptop or desktop browsers

This website is made for my learning of firebase

How to run Locally:

  • Clone the repo and run npm install
  • Move to firebase.js in src and replace the const firebaseConfig object with your own firebase config variables.
  • Run npm start

Screenshots

signup-insta.png login-insta.png Home-Insta.png comments-insta.png profile-insta.png

You might also like...

It's a react-redux app with firebase used as the database

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

Jun 25, 2022

Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React Start your Development with an Innovative Admin Template for Material-UI and React. If you like the look & feel of the hottest

Dec 28, 2022

A text editor built with react , firebase and quill

Welcome to Text-Editor ๐Ÿ‘‹ A simple text editor built with react,firebase v8 & quill โœจ Demo Install npm install Usage npm run start Run tests npm run t

Aug 30, 2022

Disney+ clone with React + Redux + Firebase auth and Firestore

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

Apr 18, 2022

Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de

Feb 7, 2022

NetflixClone - Netflix clone with react , styled components and firebase with user authentication.........

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

Jan 3, 2022

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentication feature thanks to Firebase.

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentication feature thanks to Firebase.

Features Here's the feature's included in this project ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ Login Page ๐Ÿ“ฆ Products Page ๐Ÿ›’ Cart and Checkout Page ๐Ÿ“ Sign up function with Goog

Aug 22, 2022

This is a Simple Realtime Chat app using Firebase.

Realtime Web Chatapp A Simple Realtime Chat app using Firebase View Demo ยท Report Bug ยท Request Feature About The Project This is a simple Realtime Ch

Oct 25, 2022

Quick way to start a new TypeScript/Next.js/Firebase web app ๐Ÿ˜ผ

Quick way to start a new TypeScript/Next.js/Firebase web app ๐Ÿ˜ผ

create-crash-app Template repo to quickly set up an opinionated, strict config, typesafe Next.js project. Get started with create-crash-app by running

Oct 28, 2022

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

react-admin A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Materi

Dec 30, 2022

A set of React components implementing Google's Material Design specification with the power of CSS Modules

A set of React components implementing Google's Material Design specification with the power of CSS Modules

React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra

Dec 30, 2022

Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage

Dec 12, 2022

Algorithm visualizer made with React, Material UI and P5JS.

Algorithm visualizer made with React, Material UI and P5JS.

Made with React, P5JS and Material UI. Link https://andresrodriguez55.github.io/algorithmsVisualizer/#/ Description The purpose of doing this was to l

Nov 22, 2022

๐Ÿ‘‰ Built my first React JS project "ToDo" webapp using some Features and Icons from Material UI.

# Getting Started with Create React App This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). ## Avai

Dec 15, 2021

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo

Dec 30, 2022

Deploying a React App (created using create-react-app) to GitHub Pages

Deploying a React App* to GitHub Pages * created using create-react-app Introduction In this tutorial, I'll show you how I deployed a React appโ€”which

Dec 31, 2022

React-app - Building volume rendering web app with VTK.js,react & HTML Using datasets provided in vtk examples (head for surface rendering and chest for ray casting)

SBE306 Assignment 4 (VTK) data : Directory containing Head and Ankle datasets Description A 3D medical viewer built with vtk-js Team Team Name : team-

Jul 19, 2022

:bento: Full-Stack solution to quickly build PWA applications with Vue.js and Firebase

:bento: Full-Stack solution to quickly build PWA applications with Vue.js and Firebase

Welcome to bento-starter ๐Ÿ‘‹ ๐Ÿฑ bento-starter is an Open-Source Full-Stack solution that helps you to build fast and maintainable web applications usin

Dec 24, 2022

Full-Stack solution to quickly build PWA applications with Vue.js and Firebase

Full-Stack solution to quickly build PWA applications with Vue.js and Firebase

Welcome to bento-starter ๐Ÿ‘‹ ๐Ÿฑ bento-starter is an Open-Source Full-Stack solution that helps you to build fast and maintainable web applications usin

Jan 5, 2023
Owner
Jaydip Dey
DSA Problem Setter at @TechCurators, Incoming SDE intern @Optum 2022
Jaydip Dey
Load and save cookies within your React application

react-cookie Universal cookies for React universal-cookie Universal cookies for JavaScript universal-cookie-express Hook cookies get/set on Express fo

Reactive Stack 2.4k Dec 30, 2022
AngularRoutingWebApp - Web App dimostrativa per spiegare e riepilogare i concetti basi di Angular.ts

RoutingApp This project was generated with Angular CLI version 11.0.2. Development server Run ng serve for a dev server. Navigate to http://localhost:

Gianmarco Polizzi 1 Jan 3, 2022
Login of app to remind to drink water, using Firebase tools like Firebase Auth and Firebase Firestore

Water Reminder Login App Menu Contents Motivation Final Images How to download the project and run it? Technologies utilized Dev ?? Motivation This ap

Ilda Neta 10 Aug 22, 2022
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase

A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase. With google authentication, routing and deployment capabilities built in.

Hussain Pettiwala 5 Feb 22, 2022
Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Yohan Hmaiti 2 Jan 8, 2022
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Material-UI 83.6k Dec 30, 2022
ฤฐ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

null 22 Apr 20, 2022
Material Progress โ€”Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.

MProgress.js Google Material Design Progress Linear bar. It uses CSS3 and vanilla JavaScript which doesn't depend on any other libraries. Types and pr

gc 1.5k Nov 30, 2022
Adaptation of the popular mkdocs-material material design theme to the sphinx documentation system

Sphinx-Immaterial Theme This theme is an adaptation of the popular mkdocs-material theme for the Sphinx documentation tool. This theme is regularly ma

Jeremy Maitin-Shepard 89 Jan 4, 2023
boilerplate for react-firebase app

Goal of the project Everytime there is an idea about web app side project, significant amount time is spent on building boilerplate code. Especially g

Ephraim Park 4 Dec 8, 2022