File to Image Converter

Description

File to Image Converter is a web application that allows users to convert files into images and extract files from images. This project uses a React frontend and a Flask backend to provide a seamless file conversion experience.

I have created this project because i have a pixel phone that means i can upload all photos in the google phptos without limit , so i have just created this website now i can convert all my files to photos and upload them on the google photos

Features

• Convert multiple files into a single image
• Extract files from an image
• User-friendly interface with drag-and-drop functionality
• Progress bar for upload and conversion processes

Technologies Used

• Frontend:
  • React
  • Vite
  • Tailwind CSS
• Backend:
  • Flask
  • NumPy
  • Pillow (PIL)

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js (v14 or later)
• Python (v3.7 or later)
• npm or yarn

Installation

Frontend

1. Clone the repository:

   git clone https://github.com/your-username/file-to-image-converter.git
   cd file-to-image-converter
   

2. Install the dependencies:

   npm install
   

   or

   yarn install
   

Backend

1. (optional) Create a virtual environment:

   python -m venv venv
   

2. (optional) Activate the virtual environment:

   • On Windows:

     venv\Scripts\activate
     

   • On macOS and Linux:

     source venv/bin/activate
     

3. Install the required packages:

   pip install -r requirements.txt
   

Configuration

1. Create a .env file in the root directory of the project.
2. Add the following environment variables:

   VITE_API_URL=http://localhost:5000
   

Running the Application

1. Start the backend server:

   python app.py
   

2. In a new terminal, start the frontend development server:

   npm run dev
   

   or

   yarn dev
   

3. Open your browser and navigate to http://localhost:3000 (or the port specified by Vite).

Contributing

Contributions to the File to Image Converter project are welcome.

Contact

If you want to contact me, you can reach me at [email protected].