Portfolio is live! Plus apps are mobile friendly
I’m launching my portfolio site leibelhecht.com plus I made (almost) all of my apps mobile friendly
I am looking for an opportunity to join and contribute to a tech team, and I’d love to chat. I’m on Twitter, LinkedIn, Medium, Github or plain old email @ firstname.lastname@example.org. My Portfolio is at leibelhecht.com
I’m super pumped to announce that my portfolio is live! The site has all sorts of random info about me but it also has a portfolio of deployed (!) mobile friendly apps. (I’’ll let you catch your breath.) The apps (most of them, at least) also have a video demo along with a blog post about the app, plus a link to the GitHub repo.
This CSS framework helped me a lot with modals and cards. I ended up having to use !important a lot, but thats part of the fun of using a CSS framework.
Preload images and Waking up heroku apps
Nobody wants to wait 25 seconds for an app to wake up. By then most will either leave your site or think that your link is broken (I have seen both). In the end I solved this problem by pinging all of my apps on page load of my portfolio site, so that by the time someone clicks on an app, it should be awake. Circumventing the cross origin get request restriction was fun too. (Well it wasn’t really but it worked with a proxy in the end).
Image loads were also a problem, because the background image changes on hover. I ended up solving this problem by preloading all of the background images and fading in the page to give them time to load. That was actually kind of fun to figure out.
I chose this design partly because I thought that it would make for a great mobile site, so actually implementing the mobile part wasn’t the biggest deal. It was just a matter of a few @media queries and I think it looks pretty good now.
Anyway, enough talking about the site. I would love for you to check it out and (if you would be so kind) give me some feedback. Muchas Gracias. Here is the link.
Mobile First, YES!
Recognizing the importance of mobile friendly webs apps, I spent my Sunday mobilizing 😂 my apps. It wasn’t the biggest deal, as I generally use % over px anyway. I mainly needed to fix the login and registrations. Here are the mobile versions of my apps:
Weather Mood Booster
Team Management Dashboard
this.site (Hope y’all got the JS reference 😏)
Dr. Appointments Dashboard
(Smack Talk Messaging)
Well, we have a bit of a problem here. Slack is built as a a desktop app with a separate mobile app. For now we only have the desktop view built, and it will be significantly more work to make it mobile friendly. We would basically need to create a whole new app. We’ll see, but for now, please enjoy the desktop version.