soji-opa / ziroll-project

Bob Ziroll's learn react for free course - Customized digital business card

This is a solution to the React section 1 solo project

Table of contents

• Overview
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Useful resources
• Author
• Acknowledgments

Overview

• This challenge helped me grapple with my basic understanding of react and layout. The first attempt at this project didn't follow basic semantic standards, as such I reimplemented.

Screenshot

Links

• Ziroll solo project

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• React - JS library (This project was bootstrapped with Create React App)

What I learned

On this particular challenge, I was intentional about HTML semantics and my use of margins paddings, height, & width as regards to expanding my understanding of box model.

Useful resources

• Scrimba - This platform provided me with an opportunity to learn react for free
• React - This is an amazing web page provides you all the resources you need to put together to get your react app working perfectly on your local machine.
• Mdn - I used this article in getting a clearer picture as to how box model works

Author

• Github - @soji

Acknowledgments

I am very grateful to Smug & Openwell for always making time out of their busy schedules to see to my coding challenges and providing me with extra motivation.