Ultimate Boat Ramp Explorer!

Hi, and welcome to the Ultimate Boat Ramp Explorer, designed for enthusiasts who love boat ramps!

This Full Stack technical challenge has been designed to reflect some of the work we do and the way we work. It's designed to be fun, challenging and hopefully you may learn something too! There is no right or wrong way to do this challenge, we are more interested in the choices you make along the way.

This small app works, but it has some code smells, bugs and bad practices, and no-one likes that!

What is the challenge?

The challenge comes into two parts:

1. The review of the App

Before the call, conduct a thorough review of the app. Make notes about any issues you notice and areas that could be improved. We recommend cloning and running the app. This will help you understand it better. At this stage, we’re not expecting you to write any code. This step usually takes up to an hour and will help you get familiar with the codebase.

Some things to think about:

• What are the app’s current issues?
• How would you introduce testing?
• How would you introduce state management?
• What improvements would you make to ensure the app is maintainable and scalable?
• What anti pattern or code smells did you find?
• Imagine that you’re responsible for this application going forward. How would you go about making it better?

We expect your review to include comments and notes that clearly explain why a particular issue is being highlighted. Wherever possible, include suggestions on how to address or improve the identified issues. This helps us understand your reasoning and thought process. When you finish with this part, please send those notes to us, so we can continue the process.

2. Feature request

This will be part of the next session: pair programming. During the session, we’ll introduce a couple of new feature requests. You’ll then brainstorm how to tackle the problem and write some code to implement it.

Please ensure that you can run the app and are prepared to make changes during the session. Double-check that your environment is set up correctly and that the app runs as expected to avoid any delays. If you have any questions, do not hesitate to ask.

This will be a React and TypeScript interview, so be ready to discuss key concepts in both React and TypeScript, as well as more questions covering more general (language-agnostic) aspects of front-end and back-end applications. Be prepared to explain your thought process and reasoning behind your implementations.

Development setup

To get the app up and running, follow these steps:

• Make sure you have Node.js (22 or higher) and a modern browser installed.

• Clone this repository locally.

• Run the following commands in your terminal:

npm i
npm run dev

• Open your browser and navigate to: http://127.0.0.1:3000/

You should see something like this:

Continual improvement

We’re always looking to improve, and we learn from every candidate who participates in this challenge. After completing the process, we may reach out to ask for your feedback. Your insights help us refine the challenge and make it even better for future participants.

Thanks for taking the time to explore the Ultimate Boat Ramp Explorer. We’re excited to see what you come up with!