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.
- Secure file upload and sharing
- Easy-to-use interface
- Firebase authentication and storage integration
- Responsive design
- Chnage Maximum Allowed File Size
Follow these steps to get your development environment set up:
-
Clone the Repository
git clone https://github.com/itfeelsharsh/imagefuse.git cd imagefuse
-
Install Dependencies
Make sure you have Node.js installed. Then, run:
npm install
-
Rename the Firebase Configuration File
Rename the
firebase.js.example
file tofirebase.js
. This file contains Firebase configuration settings.mv src/firebase.js.example src/firebase.js
-
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();
-
Start the Development Server
Run the following command to start the development server:
npm start
The app will be available at
http://localhost:3000
.
This project is licensed under the MIT License. See the LICENSE file for details.