ferreirasara / video-to-gif

Video to GIF is a Nest, React and Typescript project that provides a API and a user interface to convert video to gif. This project was build as part of an selective process.

Video to GIF

Video to GIF is a simple tool to convert video to gif, build as part of an selective process. This project is built using Nest.js and React.js, and consists of two main components: video-to-gif-api for the backend and video-to-gif-app for the frontend.

video-to-gif-api

Getting Started

To run the API, navigate to the video-to-gif-api directory and use the following commands:

1. Create a .env file in the video-to-gif-api directory with the following variables:

Replace the variables with your google storage details (founded on your JSON keyfile).

STORAGE_BUCKET_NAME
GOOGLE_STORAGE_KEYFILE_NAME

2. Install dependencies and start the API server:

# Install dependencies
npm install

# Start the API server
npm run start:dev

video-to-gif-app

The frontend of the Video to GIF tool is developed using React. To launch the application, navigate to the video-to-gif-app directory and use the following commands:

1. Create a .env file in the video-to-gif-app directory with the following variable:

REACT_APP_API_BASE_URL=http://localhost:your_api_port

Replace your_api_port with the port where your API server is running.

2. Install dependencies and start the frontend application:

# Install dependencies
npm install

# Start the frontend application
npm start

Example of a gif made with this tool

Screenshots

Login page

Sign up page

Main page

Upload modal

GIF preview

Contact Information

For inquiries or further information, you can reach me via:

• Email: [email protected]
• LinkedIn: LinkedIn Profile