# md64-firebase

## Overview
**md64-firebase** is a module that simplifies the process of uploading images to Firebase Storage and retrieving their download URLs.

## Installation
You can install **md64-firebase** via npm:

```bash
npm install md64-firebase

Usage

Importing the Module

import { Upload, Demo } from "md64-firebase"; // Assuming this is where you import your components
import { app } from "../firebase/config.jsx";
import { useState } from "react";

Uploading an Image

The Upload component is used to upload an image to Firebase Storage. You need to pass the Firebase app instance as a prop to the Upload component. Additionally, you can use state to store the image URL.

import { useState } from "react";
import { app } from "../firebase/config.jsx";
import { Upload, Demo } from "md64-firebase";

export default function App() {
  const [img, setImage] = useState();

  return (
    <div>
      <center>
        <Upload app={app} getimage={setImage} />
        <img src={img ? img : Demo} alt="Image Not uploaded" />
      </center>
    </div>
  );
}

Displaying the Uploaded Image

To display the uploaded image, you can simply use the state variable where you store the image URL (img in this case). If the image URL is not available, you can display a placeholder image or any other appropriate message.

Example

Here's a simple example of how to use md64-firebase in a React application:

import { app } from "../firebase/config.jsx";
import { Upload, Demo } from "md64-firebase";
import { useState } from "react";

export default function App() {
  const [img, setImage] = useState();

  return (
    <div>
      <center>
        <Upload app={app} getimage={setImage} />
        <img src={img ? img : Demo} alt="Image Not uploaded" />
      </center>
    </div>
  );
}

License

This project is licensed under the MIT License - see the LICENSE file for details.

Make sure to update the README file in your project repository with this modified content to reflect the changes in your code and provide accurate usage instructions for your users.