LishuGupta652

// Firebase Storage : 

 const handleUpload = () => {
        const uploadTask = storage.ref(`images/${image.name}`).put(image);

        uploadTask.on(
            'state_changed',
            (snapshot) => {
                // Progress funciton
                const progress = Math.round((snapshot.bytesTransferred / snapshot.totalBytes) * 100);

LishuGupta652

We couldn’t find that file to show.

LishuGupta652

1: Random human svg : https://avatars.dicebear.com/api/human/<randomstring>.svg
2: unsplash random image: https://unsplash.it/500/500

LishuGupta652

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


:root {
  --primary-transition: 0.25s ease-in-out;
  --fast-transition: 0.1s ease-in;
}

LishuGupta652

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
	"rewrites" : [{
		"source" : "**",

LishuGupta652

import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom";
import Typewriter from "typewriter-effect";
import { TimelineMax } from "gsap";

//import component
import FixedItems from "./FixedItems";

import { gsap } from "gsap";
import { CSSPlugin } from "gsap/CSSPlugin";

LishuGupta652

import React, { useEffect, useState } from "react";
import { useIntersection } from "react-use";

export const IntersectionContext = React.createContext({ inView: true });

export const IntersectionObserver = ({
  children,
  reset = false // if value set to true - observed element will reappear every time it shows up on the screen
}) => {
  const [inView, setInView] = useState(false);

LishuGupta652

import * as React from "react";
import { useScrollData } from "scroll-data-hook";

const Scroll = () => {
  const {
    scrolling,
    time,
    speed,
    direction,
    position,

LishuGupta652

/**
 * useScroll React custom hook
 * Usage:
 *    const { scrollX, scrollY, scrollDirection } = useScroll();
 */

import { useState, useEffect } from "react";

export function useScroll() {
  const [lastScrollTop, setLastScrollTop] = useState(0);

LishuGupta652

import { useState } from 'react';

export default function useLocalStorage(key, initialValue) {
  const [item, setInnerValue] = useState(() => {
    try {
      return window.localStorage.getItem(key)
        ? JSON.parse(window.localStorage.getItem(key))
        : initialValue;
    } catch (error) {
      return initialValue;