Find Number

This project find a number inside a bunch of numbers and return the index or -1 if the number no found.

Dependencies

  • Next: Utilized for streamlined web app development and high performance.
  • React: Employed for crafting interactive and dynamic user interfaces efficiently.
  • Prettier: Ensures code cleanliness and consistency effortlessly.
  • Cypress: Chosen for front-end testing due to its simplicity and effectiveness.
  • TailwindCSS: Leveraged for its utility-first approach to design, facilitating rapid creation of responsive interfaces.

Structure

Inside the project, the folders and files are structured like this:

/
├── public/
├── src/
│   └── app/
│       └── page
│   └── components/
│   └── constants/
│   └── helpers/
│   └── screens/
└── package.json

How start the project

  1. Clone the repository

  2. Open the repository inside your favorite IDE

  3. Install the dependencies:

npm ci
  1. Run the app:
npm run dev
  1. Open http://localhost:3000

Other commands

Format all the code with prettier

npm run format

Open the Cypress, and run the tests:

npm cypress open