manancodes / screenbows

Magical colours for your screen

I'm a passionate Full-Stack Developer and a Professional Mentor. 💻

I have 4+ years of experience in both front-end and back-end with expertise in React.js, React-Native, Redux, Node.js, and Firebase as the primary technologies. 👩‍💻⚛

screenbows's Issues

Updating the application title

@manancodes, I'd like to update the application title and favicon. Currently, when the app is opened, the title displays 'React App' instead of 'Screenbow.' Additionally, I'd like to replace the default favicon with the app's logo.

Make the website mobile responsive

Button styles are applied twice in console.module.css

The button styles are used twice in console.module.css and also check other files for a similar issue.

Add a feature to generate random patterns

• There should be a toggle that the user can turn on and off.
• When this toggle is turned on, a random pattern (dots, grid, waves etc) will be generated and added, probably via CSS.
• This pattern can be either black/white or a colour contrasting with the base colour.
• There is already a logic that selects black or white according to the base colour for better contrast.

Feel free to use chatGPT or other AI.

Issue template

Create an issue template so that people can add issues in a better format.

Add a feature to generate gradients

• There should be a toggle that the user can turn on and off.
• When this toggle is turned on, gradients will be generated instead of just colours.
• This gradient should have contrasting colours.

Feel free to use chatGPT or other AI.

Remove legacy code

Please go through the whole repo and try to find unused code or things which are not supposed to be there.

For example:

Screenbows/src/Components/Console/index.js

Lines 31 to 36 in 911857b

	<span
	style={{ color: "white", padding: 0 }}
	className="material-symbols-outlined"
	>
	shuffle
	</span>

The Shuffle word is not being used but the icon, so It can be removed.

Update Readme.md

I would love to see an updated Readme.md with the right project setup steps and a introduction to the project. Feel free to use ChatGPT or any other AI

PR template

Please create a PR template for this repository so that people can submit better PRs.

Add a Color Picker in the Hex code input box.

A color picker should pop-up when using the Hex input to use a random hex code or select the color.

Generate random colour when Space bar is pressed

Add a feature to generate a random colour when the spacebar is pressed. Just like it is used on https://coolors.co/

Automated Deployment

Create an automated workflow so that the Master branch gets uploaded to gh-pages automatically whenever new changes are made.

Add a feature to lock to a particular aspect ratio

• There should be an option to either lock the aspect ratio or use from the presets to download for common screen sizes.

Feel free to use chatGPT or other AI.