The react-widgets from vishal-codes

Add more Languages

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

change the directory from present to the /src/data/translateOptions.js file.
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'
},
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

Status	label	value
✅	Afrikaans	af
✅	Albanian	sq
✅	Amharic	am
✅	Arabic	ar
✅	Armenian	hy
✅	Azerbaijani	az
✅	Basque	eu
✅	Belarusian	be
✅	Bengali	bn
✅	Bosnian	bs
✅	Bulgarian	bg
✅	Catalan	ca
❌	Corsican	co
✅	Croatian	hr
✅	Czech	cs
✅	Danish	da
✅	Dutch	nl
✅	English	en
✅	Esperanto	eo
❌	Estonian	et
✅	Finnish	fi
✅	French	fr
✅	Frisian	fy
✅	Galician	gl
❌	Georgian	ka
✅	German	de
❌	Greek	el
✅	Gujarati	gu
❌	Haitian Creole	ht
✅	Hausa	ha
✅	Hindi	hi
❌	Hungarian	hu
❌	Icelandic	is
✅	Igbo	ig
❌	Indonesian	id
❌	Irish	ga
✅	Italian	it
✅	Japanese	ja
❌	Javanese	jv
❌	Kannada	kn
❌	Kazakh	kk
✅	Khmer	km
❌	Kinyarwanda	rw
✅	Korean	ko
✅	Kurdish	ku
✅	Kyrgyz	ky
❌	Lao	lo
✅	Latvian	lv
❌	Lithuanian	lt
✅	Luxembourgish	lb
❌	Macedonian	mk
❌	Malagasy	mg
❌	Malay	ms
✅	Malayalam	ml
❌	Maltese	mt
❌	Maori	mi
❌	Marathi	mr
❌	Mongolian	mn
❌	Myanmar (Burmese)	my
✅	Nepali	ne
✅	Norwegian	no
❌	Nyanja (Chichewa)	ny
❌	Odia (Oriya)	or
❌	Pashto	ps
❌	Persian	fa
❌	Polish	pl
❌	Portuguese (Portugal, Brazil)	pt
✅	Punjabi	pa
❌	Romanian	ro
✅	Russian	ru
❌	Samoan	sm
❌	Scots Gaelic	gd
✅	Serbian	sr
✅	Sesotho	st
❌	Shona	sn
❌	Sindhi	sd
✅	Sinhala (Sinhalese)	si
❌	Slovak	sk
✅	Slovenian	sl
✅	Somali	so
✅	Spanish	es
❌	Sundanese	su
✅	Swahili	sw
✅	Swedish	sv
✅	Tagalog (Filipino)	tl
✅	Tajik	tg
✅	Tamil	ta
❌	Tatar	tt
✅	Telugu	te
❌	Thai	th
✅	Turkish	tr
❌	Turkmen	tk
❌	Ukrainian	uk
✅	Urdu	ur
✅	Uyghur	ug
✅	Uzbek	uz
✅	Vietnamese	vi
✅	Welsh	cy
✅	Xhosa	xh
✅	Yiddish	yi
✅	Yoruba	yo
✅	Zulu	zu

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

Add handleCamelCase Function to Text Utils Page

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

After addition:

Add more colors in dropdown section

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

change the directory from present to the src/data/colorOptions.js file.
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)
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.)

Build a card widget

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?

React warnings

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

Add Text Editor Widget

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.

UI Improvement

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

Add TextUtils Widget

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! 😊