Platform:
  • Internet Browser
Languages Used:
  • HTML
  • CSS
  • PHP
Software tools used:
  • Coda 2
  • Adobe Photoshop CC
Technologies and concepts used:
  • Bootstrap
  • Responsive Design
External links:
The site utilizes Bootstrap to make a clean and pleasant user experience. Photoshop was used to design custom graphics for the page. The responsive site looks and works great on mobile phones, too!
Click an image to enlarge.

Description

Knowing the My Fish Pal app would soon be complete, I knew it would be beneficial for me to create a web presence for it. I also wanted to learn responsive web design and Bootstrap, because it seemed like a very useful skill to have in this age of mobile web-surfing. This was my first step into that.

I began my journey by reading the basic Bootstrap documentation and getting a general understanding of what it is, how it works, and why it is useful. Then, by examining many different free Bootstrap templates and tutorials available online, I was able to get a feel for how to practically apply Bootstrap in order to make a beautiful and responsive web experience. By the end of the development of this site, I felt very comfortable with responsive design and ready to take on more projects.

I also got to flex my photoshop skills by creating custom images, icons, screenshots and more. By designing custom graphics, I was able to achieve exactly the design I intended.



Lessons learned and obstacles overcome

The biggest takeaway from this project for me was learning Bootstrap and responsive design. I feel a much greater confidence and understanding of it now. I was also able to parlay this experience into future websites, such as BigSmashSoftware.com and JoshHenry.info.