Creatively coding websites
Hello! I'm Josué Rodriguez, a front-end developer. I love to approach things with both creativity and logic, but most of all, with an open mind.
For this project, I had to create an interactive photo gallery. I took the opportunity to use my own photography work. This was great because I combined two things I enjoy– photography and coding! I went the extra step to make all the photos searchable in order to make them easier to find.
Creating this gameshow app had its challenges, yet it was satisfying and fun to make. The main objective of this project was to code a word guessing game, “Wheel of Success”, using a set of random phrases. The user guesses by clicking letters and has a limited amount of tries denoted by the hearts.
When it comes to any type of development, sooner or later you are bound to come across an API (Application Programing Interface). That made working on this project exciting. My objective was to make use of the Random User API. and generate an employee directory using twelve random users. Clicking on an employee pops up a modal window with their details. Additionally, it provides the ability to cycle through all employees on the page.
I coded a dashboard from mockups and used SVG’s (scalable vector graphics). The next step was to add data visualization. To accomplish that, I used the open-source project Chart.js. I added a total of three charts: traffic, daily traffic and mobile users. For the traffic chart, I also implemented its own data selection menu. Other interesting parts of this project were to make use of the browser’s local storage feature. This gives the user the option to save their settings or erase them if they choose to. In the search field an auto-complete feature was also added.
Using a preprocessor scripting language, like Sass., can be beneficial to a web development project, making it more efficient and powerful. In this instance, I had to take an existing project and convert its CSS into Sass. Implementing Sass allowed me to be more efficient and avoid repeated code throughout the project. I split the code into partial files to be better organized. In the future, it could be used as a micro-framework to prototype other websites.
Through my YouTube Channel, I enjoy making food recipes and tech videos. This allows me to learn more about lighting, videography, audio and the editing that comes with it. Take a look at one of my videos below and if you like a video, let me know!
Capturing still images is another form of creative expression I enjoy. Photography is very personal and can evoke emotion on the observer. Capturing a moment in time can be gratifying. Here are some examples of my work.