nirbhayparmar / gradientiser-bggenerator

This is an open-source CSS gradient background generator. Hope it will help the community to get a beautiful background in just one click. Click the link below to visit my website.

gradientiser-BgGenerator

This is an open source CSS gradient background generator. Hope it will help the community to get a beautiful background in just one click. The dynamic gradient background It is based on generating css from JavaScript dom manipulation. The randomly generated background is based on using inbuilt random function present in JavaScript and used it to generate hex codes for colors and make it work.

This app helps you create a dynamic gradient background in a single click!

Technologies Used

How To Use

• You can just visit the website where we have hosted our code to pick the background of your choosing easily!

The dynamic gradient background is based on generating the CSS via JavaScript DOM manipulation. We use the inbuilt random function present in JavaScript to randomly generate hex colors which we use to build our backgrounds!

---

Contributing

Since this is an open source project, we are actively looking for people to participate and help our project flourish! We our contributors. We're committed to fostering an open, welcoming, and safe environment in the community.

We expect everyone to abide by our Code of Conduct. Please read and follow it.

Head on over to our Contributing Guide to get started!

---

Website Demo

Visit the live website

gradientiser-bggenerator's Issues

Bug : Improve the visiblity of the text on the screen

The gradient work is great but the text is in black, if you change the gradient to some dark colours the text is not visible much. I'd suggest to add the text in some code block or out line it so that it pops up more

Add Description

Add a description of your project. That would give an overview to others about your project.
https://github.com/Nirbhayparmar/gradientiser-BgGenerator/community

fav-icon /logo for your site to make it look more proffessional

i want to add a fav-icon / logo for your site to make it look like a proffessional site rather than just a project

The gradient direction is not random on load

Describe the bug
The gradient's direction is not random on load

To Reproduce
Steps to reproduce the behavior:

1. Reload the page

Expected behavior
Generate a random gradient with a random direction

Desktop (please complete the following information):

• OS: Linux (Ubuntu)
• Browser Firefox

GitHub Icon overlapping

Describe the bug
The GitHub Icon overlaps the CSS code generated by the website in full-screen mode. Need to make it responsive.

Add CONTRIBUTING.md

Add contributing.md file to welcome new contributors to your project and to go through the guidelines for contributing to your project

Add copy button

Is your feature request related to a problem? Please describe.
It's stressful having to select the text containing the color before copying manually. I feel it would improve the user experience to add a button which copies the color immediately without having to select it.

Describe the solution you'd like
A small button containing the common copy logo. The button will be placed at the top right of the color text container.

Describe alternatives you've considered
I haven't considered any alternative solutions to this but an additional feature I would love to include in the project is a section which allows the user to choose what format of color to get as an output e.g rgb, hex, hsl e.t.c

Additional context
I haven't worked on the feature yet but I'll get to it now

[BUG] Radio buttons don't work

Describe the bug
The radio buttons for the gradient don't work

To Reproduce
Steps to reproduce the behavior:
Click on the radio buttons

Expected behavior
It should update the background color linear direction

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser: Firefox

link to github repo by clicking github logo

Describe the bug
The logo of github should be a hyperlink to github repo.

To Reproduce
Steps to reproduce the behavior:

1. Go to - [here] (https://nirbhayparmar.github.io/gradientiser-BgGenerator/)
2. Click on github logo
3. The logo is not clickable

Expected behavior
It should be working as a clickable link.

improve the action button

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Improve readme.md (always open issue, because readme file has a lot of room for improvement :)

Describe the bug
This project has readme.md file, we but it is just bare minimum, if anyone interested in No code opensource contribution can work on this.

improve contributing.md file

Describe the bug
Improve the contributing.md file

Expected behavior
This project has contributing.md file but it just forward devs towards the tutorials, we need to have step by step guide from forking repo till making pull request, if any body interested can work on this.