Inspiration
Thinking about mood rings, one of the most quintessential tourist town souvenir shop items you'll find out there, I have always had an interest in how colors have been attributed to the way we feel. I decided to try and make a "mood ring" themed website that allows users to get in-touch with their emotions and learn more about why we attribute certain colors to certain emotions, and how things like seeing certain colors can bring about different thoughts and feelings.
What it does
Although I couldn't get the full functionality out of the way for the website, Moody Ring would be a five-question mood quiz that dynamically displays the color you're feeling as you progress through each question.
How I built it
I already have experience with HTML/CSS/JS, but I wanted to finally get my feet wet with some brand-new skills: React and Node.js. I have never used the framework before, so to start, I looked up a few tutorials to follow and some sample code to get started with setting up a website framework.
Challenges I ran into
Since I was COMPLETELY unfamiliar with React and Node.js, I had a lot to learn as I progressed as much as I could with this project. A good chunk of my project time was dedicated to sitting down with tutorial videos and guides and learning how to implement TypeScript. I also had never worked with custom domains before, and setting up my .tech domain was a bit tricky, so I'm not sure if I set up correctly.
Accomplishments that I'm proud of
I'm proud of what I learned about frontend frameworks as I was working through this project. Thinking about everything I've done without using React, TypeScript, and Node, I never realized how React bridges together my web development skills into one easy bundle. I'm proud that I can walk away from Bitcamp with an entirely new skill under my belt that can prove useful as I move forwards professionally.
What's next for Moody Ring
I am currently taking an HTML/CSS/JS course here at the University of Maryland, so I do want to build on my knowledge by working through completing MoodyRing as a personal project. I really enjoyed working with Node.Js and React, and I want to keep on developing my skills beyond college as well, so personal projects like these will definitely help to keep my skills sharp. Seeing as I have the MoodyRing.net domain name free for one year, I might as well make the most out of it.
Log in or sign up for Devpost to join the conversation.