Z A C H D I M O N D D O T C O M
"AirBnB Experiences" clone in React
This was a practice at using .map()
and props in React, as well as continued practice with CSS styling. The 2nd major project from the React Tutorial on Youtube taught by Bob Ziroll of Scrimba.
- This project was really meant to be viewed on mobile, but I made it so that desktop versions allow you to view it as mobile-like.
- The biggest challenge here, for me, was learning about importing images: where — and especially WHY — we do that. Special thanks to Graham Floyd for 'splainin it all to me.
- I also got to experience using structured data for the first time — for the props, I needed to have a separate
data.js
file that would allow me to dynamically insert multiple properties into a reusable React component. Fun!
Digital Business Card in React
This is a first go at React, and I built it after a few hours of lessons from a React Tutorial on Youtube taught by Bob Ziroll of Scrimba.
- Currently, it looks a little rough on mobile.
- Most of the dimensions were hardcoded in
px
based off of a figma diagram, so I will probably amend that once I spend a little more time with it.
- I am struggling with getting Fontawesome to work with React, so the icons are just images.
Stopwatch
This was coded in vanilla JS, and built almost entirely from scratch. It's not perfect, but dang, it felt good!
- I was able to get it to adjust based on screen size.
- I came up with the idea for the running sprite, which was fun. That part doesn't work perfectly on every screen, but it's close.
Javascript Practice
Photo Minisite