trevorkirpaul / singlestone-technical

Singlestone Technical

Live Site

Dev Quickstart

Ensure you have the env file set up correctly

1. install packages using pnpm (preferred)

pnpm install

2. Run dev server locally:

# npm
npm run dev

# yarn
yarn dev

# pnpm
pnpm dev

ENV Values

# You can find this value in the assessment guide
# This is required for the Steps section to function
VITE_STEPS_ENDPOINT=

After running the "dev" script, your console will log the URL and port where you can find the app.

Testing

You can run the test runner by executing the following command in your console:

# run the test script, here we show an example with pnpm
pnpm test

⚠️ Warning: If your tests fail to run, you might need to edit src/hooks/useFetchSteps.ts and remove the 'import' sytax from line 5. For the sake of tests, you can replace it with a dummy string

Developer Notes

Thanks for taking the time to look at my technical assessment!

If this was a larger project, I would use Tailwind, React-Query, and/or Redux Toolkit.

I used Vite to create the app and Jest for writing a quick unit test. I would use Cypress if this was a larger project and add some E2E.