devlup-labs / devlup-labs/screenshot-formatter

Add Background styling applications

Open
#4 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
1
Forks
1
PR merge metrics
No merged PRs in 30d

Description

This should include the following:

**Customized CSS**
Setting the customized CSS styles as background. The Add Color button will set the color of the background, adding more than one color with the gradient set as Linear or Radial, the background image will be a gradient of the selected colors.
![image](https://user-images.githubusercontent.com/76608418/178108695-1e38f745-4c97-4915-993d-f29111a1f830.png)

**Recommended CSS**
Code for searching for recommended CSS styles, from the colors used in the screenshot. Place the selected style as the background of the screenshot(s) in the gray space provided.
![image](https://user-images.githubusercontent.com/76608418/178108810-e2b9d36e-bcb7-45b9-b12b-4c7480527494.png)

**Search an Suitable Image**
Search for the image when the input is entered to the search bar. The results will be in the form of rows of images that can be scrolled using a scrollbar on the right hand side. Place the selected image behind the screenshot(s) in the gray space provided.
![image](https://user-images.githubusercontent.com/76608418/178108726-f553fbb7-f5a4-42cb-9666-8ff161c969c9.png)

**Upload Background Image**
An Upload button will open the device files pop-up, from which, any image can be selected. The selected image will then be set as the background of the screenshot(s).
![image](https://user-images.githubusercontent.com/76608418/178108746-e8e4e070-539b-473a-aa1d-6eba18d9c16d.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the screenshot area, gray background space, Add Color button, search bar, and Upload button described in the issue. Review the attached screenshots and existing background behavior first. Done means supporting custom gradients, recommended styles, searched images, and uploaded images as backgrounds for the screenshots.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.