Project 1

When choosing what to base my first project on, I wanted to go with something that was not only interesting to me but would also be interesting to others, so they can enjoy as well. I wanted to choose a project that was tough enough but not too tough that I would be stressed to complete it. The assignment was to create a single page application, and I created a webpage where you can choose from the three most popular cryptocurrencies.

Introducing Coin Selector lite, in this page you can choose from the most prevalent and widely known coins. The page is simple there is a title, a drop-down menu, and when a choice is selected your choice is then displayed along with the current price of the coin. This price is pulled from the coin gecko website. I am using their API to get the current price of Bitcoin, Litecoin and Ethereum. Below the display of the coin there is a comment section, a heart that can be liked and unliked, and a text entry box with a submit button. You can enter in your comment and then hit the submit button and your comment will be displayed below. The comment section is a ‘ul’ tag that dynamically gets an ‘li’ added to it when a comment is submitted. The colors of the webpage are yellow and white and black with a red heart as a ‘like button’. These colors give off energy. The app is made with HTML, CSS, and Vanilla JavaScript. I also used Bulma in my CSS. Bulma is a framework that can streamline and provide unique styling. In my JavaScript I have used event listeners that listen for when input from the user happens on the webpage. For example, when a choice is made in the drop-down menu, for when the heart ‘like button’ is clicked, and for when a comment is entered and submitted. I use the fetch command to grab the information I need which is the price of the currently selected coin from the coin gecko API. All of this happens after the DOM Content is loaded.

I really enjoy tackling this project and I look forward to the next projects that are coming up in my Flatiron Boot Camp. Further down the road when I learn more skills, I may look to expand on this project and add more robust features. Possibly implementing a wider coin selection and a more robust comment and liking section. Possibly being even able to share the coin of your choice. In our further projects we will be using React which is a JavaScript framework. I am looking forward to seeing what projects we can build with this React framework.