This repository contains the frontend and backend components of the Avif Image Converter application. The application allows users to upload AVIF images, convert them to PNG on the backend, and download the converted images. Frontend Features
- Drag-and-drop or select an AVIF image to upload.
- Convert AVIF image to PNG.
- Download the converted PNG image.
- Node.js and npm installed.
-
Open the application in your web browser.
-
Drag-and-drop an AVIF image or click to select one.
-
Click the "Upload" button to convert the image to PNG on the backend.
-
Once converted, you can view the image and download it using the "Download Image" button.
To create a shell command after downloading the repository, follow these steps:
-
Open the terminal of your choice.
-
Navigate to ~/.local/bin.
-
Create a new file named "avif-image-converter" with the following content:
#!/bin/bash
AVIF_IMAGE_CONVERTER_PATH=path/to/avif-image-converter
npx concurrently -p "[{name}]" -n "API,WEB" -c "auto" \
"npm --prefix $AVIF_IMAGE_CONVERTER_PATH/backend run dev" \
"npm --prefix $AVIF_IMAGE_CONVERTER_PATH/frontend run dev"
- Make the script executable by running the following command:
chmod +x avif-image-converter
- Run the script to start the application:
./avif-image-converter
- (Optional) Add the ~/.local/bin directory to your PATH environment variable by running the following command:
export PATH="$PATH:$HOME/.local/bin"
- You can now run the application by typing "avif-image-converter" in the terminal.
avif-image-converter
- React
- Typescript
- Axios
- React-Dropzone
- Express
- Multer
- Cors
- Node
- Sharp
This project is licensed under the MIT License.