Confidence Project Thoguht Process
For the Confidence Project My Idea was to make a website on it after reading about the 2 concepts. With my 1st go at it being the idea from being able to swap the text with a click of a button while having a coin flipping animation every time it swapped. With the 1st roadblock being how will I make the coinflip to the other coin. After coming up with formula and animation in JavaScript I was able to get the coin flipping with the animation but wasn’t able to do it with guaranteed swap on each. So I decided to look into the other problem being what script would I need I need for the class for the text swap on a button. After some research online I was able to see the on-click my function command from JavaScript giving me the possibility to toggle text. Unfortunately, that plan died when I realized the only way, I was going to be able to swap the text was by giving up formatting and saying Its all in one paragraph. Which didn’t look nice in my opinion so it got scrapped for plan b was make 2 identical sites and have the button swap between the 2 sites. This option gave me more opportunities if I wanted to change other aspects to make it stand out from the counterpart.
With the second plan into motion it was then needing to put the text into action and see how it was looking.
Button looked weird but the formatting seemed not bad to start. Continuing with the format to then add some color and images to give the overall vibe of what I wanted.
With the 1st one mostly done it was then time to just copy paste and make changes based on the information while doing some more research on any problems that occur on the development
With then changing the background color to give the contrast with a more brighter tone yellow seemed like a nice choice and all that was left was to fix a few things formatting wise with the images and connect the 2 websites. Things I learned in this project is that the original option of swapping text on click was possible most likely but would need a lot more testing in JavaScript which I currently lack the skills in so its what I will currently be more focusing on.