Community

About

This application is designed to facilitate the upload and management of game thumbnails, specifically allowing users to upload both vertical and horizontal images. It supports various image formats, including JPG, PNG, GIF, and WebP, and provides functionality for handling both static and animated images. To use the app, users can navigate to the edit page for a specific game, where they will find a form that includes options for uploading thumbnails. Users can select files using a file input interface, which validates the file type and size (with a maximum limit of 5MB). Once a file is selected, a preview is displayed, and if the file is an animated GIF or WebP, users can play or pause the animation directly within the interface. The app is built using React and TypeScript, leveraging various UI components for a consistent user experience. Key technologies include React for the frontend, along with utility functions for image transformation using Cloudflare's image processing capabilities. The application also utilizes state management to handle file uploads and form submissions effectively. Key features of the app include: - File upload functionality with validation for accepted formats and size limits. - Preview of uploaded images, including support for animated GIFs and WebP formats. - Play and pause controls for animated images. - A form that allows users to specify whether a game should always appear in the "Top" or "New" sections. - Integration with Cloudflare for image transformation, ensuring that uploaded images are optimized for display. Overall, this application provides a user-friendly interface for managing game thumbnails, ensuring that images are properly handled and displayed according to user preferences.