vishal-codes / react-widgets Goto Github PK

Hi, I am so happy to resolve some react warnings in the app

I'm happy to build the basics of a card component. Then create some good first issues such as providing props for the title, image and other things. As well as creating good first issues to add color variants to the card component.

I think it will be nice to get others involved in building some basic components in react for now. Then later create more additional functionality.

Let me know if that's okay?

I would like to work on its UI just to make it cleaner and more appealing.

Hi @vishal-codes .
I want to add a basic react form.

Preview of the form is below:

Please kindly assign this issue.
Thanks

Hello @vishal-codes and the project maintainers, I would like to add a TextUtils Widget.
TextUtils Gives You A Way To Analyze Your Text Quickly And Efficiently.
User will enter a text/paragraph and it will have the following functions -

• Convert to UPPERCASE
• Convert to lowercase
• Copy to Clipboard
• Remove Extra Space
• Count Words & Characters
• Time Taken to Read It
• Preview

The Final App will look something like this :

It would be great if you would assign me to this and i can start working as soon as possible.
Thank You! 😊

As of now the Translator in the project only supports three languages. We can add more languages.
Before making changes please make sure that you have completed steps till Branching.

Steps for adding more languages

1. change the directory from present to the /src/data/translateOptions.js file.
2. now edit the array named translateOptions by adding new item and assign the label with language and value with the language code. Language spelling and its code/value is mentioned in the list below(please follow the casing) . For example-    
   {
      label : 'Marathi',
      value : 'mr'
   },
3. save the changes and commit

Note: Add the languages in alphabetical order and if u want to get ur pr eligible for hacktoberfest then u gotta at least add 2 colours and 2 languages in a single pr

List of language's to be added (NOTE: You don't need to add all the colours, just add one colour)
❌ - Language yet to be added
✅ - Language already added

I want to add a button that converts the text written to camelCase on the TextUtils page. Can I go ahead?

After addition:

Would love to get some ideas on how to improve this project.

Hi, @vishal-codes @sakshamgurbhele I want to add a new widget that will be a text editor component. I have made the basic design and I'm yet to theme it to match your theme. But before that, I want to confirm if you are good with creating this issue and me working on this one?

Please feel free to share your thoughts on this and let me know if we can give it a tag of hacktober fest so that it will be considered.

Hi @vishal-codes .
I want to add a multiple theme switching widget.

Hi @vishal-codes , may I help a bit to make project structure more maintainable? I will move some file to separate folder to make the project structure more clear and easy to maintain, I'am on my learning too let's learn together :D, thanks

As of now the Dropdown section of the project only supports two colors (Blue and Yellow). We can add more colours.
Before making changes please make sure that you have completed steps till Branching.

Steps for adding more colours

1. change the directory from present to the src/data/colorOptions.js file.
2. now edit the array named colorOptions by adding a new item and assign the label and value with the colour name (please follow the casing)
3. save the changes and commit

Note: Add the colour's in alphabetical order and if u want to get you
PR eligible for Hacktoberfest then u gotta at least add 2 colours and 2 languages in a single PR

List of colour's to be added (NOTE: You don't need to add all the colours, just add one or two colour's. Not more than two.)

• AntiqueWhite
• Aqua
• Aquamarine
• Blue
• BlueViolet
• Brown
• CadetBlue
• Chartreuse
• Chocolate
• Coral
• CornflowerBlue
• Crimson
• Cyan
• DarkBlue
• DarkCyan
• DarkGoldenRed
• DarkGray
• DarkGreen
• DarkKhaki
• DarkMagenta
• DarkOliveGreen
• DarkOrange
• DarkOrchid
• DarkRed
• DarkTurquoise
• DarkViolet
• DeepPink
• DeepSkyBlue
• DimGray
• DodgerBlue
• ForestGreen
• Fuchsia
• Gold
• Green
• GreenYellow
• HotPink
• IndianRed
• Indigo
• Khaki
• Lavender
• LightBlue
• LightCoral
• LightGreen
• LightPink
• LightSalmon
• LightSeaGreen
• Lime
• Linen
• Magenta
• Maroon
• MediumBlue
• MidnightBlue
• NavajoWhite
• Olive
• OrangeRed
• Orchid
• PaleGreen
• PaleVioletRed
• Peru
• Pink
• Plum
• Purple
• Red
• SandyBrown
• Silver
• Snow
• Tomato
• Turquoise
• Violet
• WhiteSmoke
• Yellow
• YellowGreen