I am so excited to announce that I finally built ~A Thing~ that I am proud of, that came from my own brain, that didn't involve following any tutorials, and didn't copy anyone else's work (that I know of). I've been learning to code for over a year, and until now I hadn't had the courage or knowledge to build anything that I had an idea for, outside of a few pure HTML/CSS responsive websites and components.
I've been doing #100DaysOfCode (for the second time) this summer, and I had finished a TON of freeCodeCamp JavaScript exercises, followed a few #JavaScript30 tutorials, worked my way through the Flatiron School bootcamp prep course JavaScript labs, and I was feeling a little stuck on what to do next.
I had gotten stuck between a rock and a hard place on the Flatiron "Rock Dodger" project (lol), and I decided that I needed some more JavaScript practice. I needed to access the DOM in JS, iterate through an array or object, and manipulate DOM elements.
So, I decided to build a Pantone Color Sample Randomizer. (Highly recommend visiting the link. I personally find it really fun to play with.)
I've also had an idea floating around in the back of my brain for another project involving randomization, so I thought this would be a good chance to practice. I wanted to pick something that would be relatively easy to randomize (the color of something) and also use relational data in an object to return not only the color, but its name.
I also desperately needed to learn Git and GitHub, so I killed two birds with one stone (rock?)! If you'd like to see the GitHub repo for this project, you are more than welcome to take a look!
thecodepixi
/
pantone-randomizer
Pantone color randomizer
pantone-randomizer
Pantone color randomizer
a small web app that provides a randomly selected Pantone color when you click the button at the bottom.
planned updates include:
- making the color selection function self executing
- expanding the available colors
- finding and using an API of pantone colors
And, last but not least, I ended up using this project to learn how to post effectively on Dev.to! I used emphasis, links, and an embedded GitHub repo. 🎉
Let me know what you think of the Pantone project, and what some of your first independent projects were. I'd love see them or hear about them.
xoxo
@thecodepixi
Top comments (15)
Wow, that's cool. Love the idea. Congrats! 🥳🍾 You should be really proud of it.
Used to be a kinda-designer, so always love Pantone chips.
Thank you! I always find Pantone color samples so aesthetically pleasing. My sister is an enamel pin designer and uses them as color reference for her manufacturer, so I think it may have been a result of a lot of recent exposure.
Even though I actually used to use it, I haven't thought the possibility of a project such as this.
Thank you for showing me such creativity.✨
Thank you so much, Juneau! I'm so glad you enjoy it as much as I do 😊
I was actually thinking the same thing! I am SO bad with color! But I think it could be cool to have options for the closest colors (within a few digits of the color code provided) and also the most opposite.
Congrats on shipping! And then talking about it. Both easier said than done.
Thanks, Ben! I wish I had saved a version of what it looked like a few days ago when I first started working on it. The final version is so much prettier and better functioning lol
Congrats! Small tip, use Math.floor instead of Math.round in your random code, otherwise it's biased to give you the last element of the array less often.
Oh this is so good to know, thank you so much!
Great job! Creating stuff is so fun. And completing something is very rare.
Congrats! :-)
Cool! Love the randomizer! Checking out your repo.
Hell yeah! Finishing a project that was once just an idea is the most magical thing. Congrats!
Wooo! Congrats Emily, I've been following your journey on twitter for a few months now! So inspiring to see what you've built. Love this project idea too!
Thank you, Kayley! I'm so flattered! 😭💕