SingleStone Takehome Assessment

https://single-stone-takehome-assessment.vercel.app/

Following the parameters outlined here. I built this assessment!

If you wish to run this project locally on your machine

1. Go to your terminal/bash and run git clone https://github.com/MichaelJHTaggart/SingleStone-takehome-assessment.git
2. Run cd SingleStone-takehome-assessment
3. Run npm install to get dependencies locally
4. Run npm start to run the app in development mode
5. Open http://localhost:3000 to view it in the browser

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Mockup of what the result should look like

Live version of project

Details on project && throughput

I really learned a lot through this assessment. I have never downloaded a font and used @font-face before, used testing on a project, or had ran into the specific typescript issue I was having.

Through each problem I didn't contact anyone for outside help. I did research, and figured out the solution on my own. I really had fun on this project! Can't wait to start learning more about unit testing!

I received this project on April 27, 2022 I tracked my hours of time spent:

• Total Time Spent: 13 hours 23 minutes
• Reading instructions, Planning, and Setup: 48 min.
• Coding: ~7 hours
• Learning/Researching: ~7 hours

I kept track of the sessions of time I was able to sit down and work on this project:

• April 28, 2022:

  • 48 min (initial setup)

• April 29, 2022:

  • 4 hours 41 min (Mostly CSS and some typescript)
  • 2 hours 34 min (typescript issue && learning how to solve them)

• April 30, 2022:

  • 44 min (install and research Storybook as a visual testing option)
  • 1 hour 26 min (typescript issue && learning how to solve them)
  • 20 min (Solved! typescript issue resolved)

• May 1, 2022:

  • 1 hour 20 min (research and practice writing first tests ever! Watched lecture here)

• May 2, 2022:

  • 1 hour 30 min (CSS refactoring to production code && restructuring)