Hi! My name is Dmytro and this is my technical task for Luna Edge! I tried to complete the task in accordance with all the requirements you provided in the project's Readme. The main focus was on the Select component, where I implemented all the necessary functionality that can be reused, and also documented it with JSDoc and Storybook. Additionally, I created Storybook documentation for all UI components. I hope I did everything correctly!

A bit about me: I started learning web development over 2 years ago and have over 1.4 years of commercial development experience. I have worked with both plain JavaScript and React. I really enjoy using the Next.js framework and the Server Components approach. I also love Tailwind CSS and plan to explore React Native. I am also interested in backend technologies such as Nest.js, Prisma, MySQL, MongoDB, Express, and Node.js. I have several full-stack projects under my belt. Currently, I am looking for a company to continue growing and developing within a team!

• Run app: yarn vite
• Install deps: yarn install
• Build app: yarn build

Imagine that you are a Pokémon trainer where you have to fill out a form with your name and last name and then select your team of 4 Pokémon to fight in the Battle Tower. The task is to create this form with inputs, button and a select component to select these 4 Pokémon and also show the sprites of your chosen Pokémon in a modal.

• React
• typescript
• Axios
• tailwindcss
• storybook
• React hook form

• The test is mainly focused on making a good Select component and documentation in Storybook (not required but BIG plus). The rest of the components are not necessary to make them 100% or to make them components but any extra effort will be appreciated.
• Create story with storybook for at least the select component.
• Storybook should be compatible with Tailwindcss and documentation should be similar in theme to: https://storybook.newskit.co.uk/?path=/docs/components-select--story-select-default
• Do request with Axios to this API to extract the necessary Pokemon data: https://pokeapi.co/
• You can use Icons from HEROICONS library.
• Use Yarn instead of NPM
• In the select component you must be able to type to filter the list of Pokemon. Make this filter as you want, either inside the select component or inside the dropdown.
• All the data should be validated and if the validation isn't correct may show an error message according to design.
• Component libraries like MUI are banned.
• The project is empty, you can structure at your convenience to develop the tasks.
• Designs are located in the assets folder

• First name and surname must be between 2 and 12 characters long. Only characters from a-z and A-Z are accepted.
• For select our team in the select component you only can select 4 Pokemon.
• Before you can see your selected team in, you must have your data filled in and your team completely selected.

• Prepare adequately: Take the time to review the relevant topics for the technical test. Go over key concepts and practice related exercises. Make sure you have your development environment properly set up.
• Stay calm: Before and during the technical test, it's normal to feel some pressure, but remember to stay calm. Anxiety can affect your performance, so take deep breaths, focus, and maintain a positive attitude.
• Read the instructions carefully: Before starting the test, carefully read all the instructions. Ensure you fully understand the requirements and the evaluator's expectations.
• Manage your time: Determine how much time you have available for the test and plan your work accordingly. Divide the time evenly between understanding the problem, planning, coding, and reviewing.
• Start with the basics: When tackling test problems, begin by solving the most basic aspects before moving on to more challenging ones. This will help you build a solid foundation and gain confidence as you progress.
• Good luck!: Lastly, remember that luck can also play a role, so maintain a positive attitude and have confidence in your abilities. Do your best and maintain self-assurance throughout the technical test.