Johnny Hane
full-stack
javascript
css
SEO
node
react
UX + UI
event-driven
python
object-oriented
mobile-first
php
RESTful
redux
git
svg
gatsby
jest
go
WCAG
developer
legend
rocketeer
wizard
madman
specialist
virtuoso
lunatic
expert
aficionado
connoisseur
master
kinda guy
I'm Johnny
I make nice-lookin' websites and webapps. For complex apps I usually use React + redux and node + express. For simple apps/pages I use Gatbsy, and for all my projects I use CSS-in-JS. I love to learn, and I never stop doing it! I've recently been interested in high-performance APIs, and have been experimenting with Go + GraphQL.
All of my websites are WCAG/Section 508 compliant, and make liberal use of mobile-first design + media queries to ensure a great UX on all devices.
OpenStudy
The project
To create a community-powered platform for students and educators to collaborate on (and get help with) textbook problems. Requires a robust voting and feedback system that incentivizes collaboration and incremental improvements to discussions.
Interesting Problems
- User-input areas must be able to parse and tokenize text based on delimiters to break input into text components, inline math components, and block math components
- Textbooks and textbook problems must be organized, error-free and duplicate-free, despite all information being provided by users
- Users must be able to add text, LaTeX (math typesetting), and images to the answers. Those answers must also be editable and extendable by other users.
Technologies used
Bethesda Bike Doctor
The project
Create an eye-catching landing page that funnels users towards the contact form, and construct an authentication-protected page where the business owners/employees can view and manage clients' information.
Interesting Problems
- The uniqueness of the business requires the website to both explain the business and sell them on a service
- Site must load extremely fast and be optimized for SEO
- Users must be funneled towards contact information or the request repair form
Technologies used
Elisa Darby Photography
The project
Create a portfolio/scheduling website for a photography studio based in LA. Site must be designed to showcase beautiful photography on every page, and convince potential clients' of the studio's value and professionalism.
Interesting Problems
- Site must simultaneously showcase large, high-resolution photography and information about the studio
- Portfolio page must fit photos together in a justified grid, regardless of size
Technologies used
