Heya there! 👋
Welcome to Bud's takehome frontend developer showcase!
We just wanted to say thank you for interviewing with us! The job hunting process can be a really stressful and anxious time, but we promise you, we don't bite!
If there's anything you need or any accommodations we can make so you feel at ease please let us know and we'll do out best to sort it!
~ Frontend at Bud
This is way less of a test with right and wrong answers and more of us looking at:
- "How do you write code?"
- "How do you test?"
- "How do you think about accessibility?"
If you're struggling to work out what the "right answer" looks like - please don't! This codebase is really just going to be a conversation starter for our next discussion, so don't worry about perfect.
What we are looking for is a React app based on the tasks we've set out.
There's a quite a few tasks in there - so please, feel no obligation to do all of them - keep going until you get bored or stuck and just let us know where you get upto.
You can put as much or as little into this as you'd like - so feel free to go a bit wild if you want.
When you're finished with the exercise, please email your Bud contact with a link to your Github repository, or just attach it as a .zip file.
Thanks!
~ Frontend at Bud
- A code editor
- A modern-ish version of npm & node. The repo was created using
v18
. - Docker (but only if you choose to run the app in a devcontainer)
The application has a dev-container that enables you to get setup quickly if you're familiar with them. Your code editor might automatically find it and ask you to run it when you load the codebase.
Otherwise, you can get setup 'manually' pretty quickly too!
- In a terminal type
npm install
- Wait a couple of minutes for everything to download
- If that's all worked, that's all you need to do!
- Type
npm run dev
and you should see a message a little like this in the terminal:
VITE v3.2.5 ready in 669 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
npm run dev
- Starts the vite server atlocalhost:5173
(by default).npm run test
- Runs tests, once.npm run test:watch
- Runs (and watches) the tests.npm run test:coverage
- Runs tests and shows the line coverage.