The “Clone-A-Week” Challenge

So it’s been a fruitful couple of days, I’ve been able to stay close to my videos and books on programming and most importantly, my text editor, for the past few days despite a busy schedule. These days it is only code and work… some female company *wink* *wink* and back to code again.

So I came up with a concept I think will improve my skill (Front end dev) while giving me live portfolio pieces to show off. I call it the “Clone-A-Week” pledge.

Basically, I pledge to clone one complete web page each week. I’ll look up a live site I want to replicate and code the design from scratch and then host it. Simple.

This week I picked the landing page from – yours truly – Truppr (where I work as Programme Director, didn’t I mention that?). The original page is live here.

And my clone is live here:

I’ll write a blog post about free hosting for projects with Firebase. It was easier than I thought and after a small hiccup or two I was on my way.

All in all, from start to finish took me about 8 man-hours across two days. First day was the set-up (I also need to do a post about a great workflow I learnt from Travis Neilsen over at DevTips on YouTube). I also finished up the header on the first day. Day two was spent coding the main content and making the whole thing mobile responsive, reading up on free hosting and getting the site live.

So please feel free to visit both and tell me what you think. I’m especially curious to hear your thoughts about my choice of design for the mobile sites as I changed things up a bit there (check the footer section of the site too for some changes with my version). All in all I am happy with the work and feel inspired to do more challenging stuff.

Till next week!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s