This project find a number inside a bunch of numbers and return the index or -1 if the number no found.
- 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.
Inside the project, the folders and files are structured like this:
/
├── public/
├── src/
│ └── app/
│ └── page
│ └── components/
│ └── constants/
│ └── helpers/
│ └── screens/
└── package.json
-
Clone the repository
-
Open the repository inside your favorite IDE
-
Install the dependencies:
npm ci
- Run the app:
npm run dev
Format all the code with prettier
npm run format
Open the Cypress, and run the tests:
npm cypress open