Skip to content

Image hosting service kind of like imgur made using reactjs and firebase

License

Notifications You must be signed in to change notification settings

itfeelsharsh/ImageFuse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ImageFuse

ImageFuse is a secure file upload and sharing application built using ReactJS and Firebase. This repository contains the source code for the ImageFuse web application.

Features

  • Secure file upload and sharing
  • Easy-to-use interface
  • Firebase authentication and storage integration
  • Responsive design
  • Chnage Maximum Allowed File Size

Installation & Setup

Follow these steps to get your development environment set up:

  1. Clone the Repository

    git clone https://github.com/itfeelsharsh/imagefuse.git
    cd imagefuse
  2. Install Dependencies

    Make sure you have Node.js installed. Then, run:

    npm install

Setup

  1. Rename the Firebase Configuration File

    Rename the firebase.js.example file to firebase.js. This file contains Firebase configuration settings.

    mv src/firebase.js.example src/firebase.js
  2. Add Firebase Credentials

    To get your Firebase credentials:

    • Go to the Firebase Console.
    • Select your project or create a new one.
    • Go to Project Settings (gear icon next to Project Overview).
    • In the "General" tab, scroll down to "Your apps" and select the web icon (</>).
    • Copy the Firebase configuration snippet and paste it into src/firebase.js.

    Your firebase.js should look like this:

    import firebase from 'firebase/app';
    import 'firebase/auth';
    import 'firebase/storage';
    
    // Your web app's Firebase configuration
    const firebaseConfig = {
      apiKey: "YOUR_API_KEY",
      authDomain: "YOUR_AUTH_DOMAIN",
      projectId: "YOUR_PROJECT_ID",
      storageBucket: "YOUR_STORAGE_BUCKET",
      messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
      appId: "YOUR_APP_ID"
    };
    
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    
    export const auth = firebase.auth();
    export const storage = firebase.storage();
  3. Start the Development Server

    Run the following command to start the development server:

    npm start

    The app will be available at http://localhost:3000.

License

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