<aside> ℹ️ This guide’s objective is to demonstrate how to create an Engi Bounty from scratch to request code for a new UI feature

</aside>

Expressing code correctness and quality checks with TDD and A.I. code reviews while leveraging basic Engi tooling allows us to familiarize ourselves with a typical “on-demand engineering” workflow and successfully receive software (specifically, custom React and CSS) from the network.

In this example, the feature we’re requesting is a new button menu component for our UI library.

🆕 Preparing our first Bounty

Let’s initialize our web application and prepare it for development.

<aside> 🐉 Engi is Full-Stack **- update business logic in an API, add functions to your smart contracts, and more.

</aside>

🏗️ Scaffold the web app

We’ll use create-next-app to initialize the project from scratch with Jest ready to go.

npx create-next-app --example with-jest with-jest-app

<aside> ☝️ Increase the testTimeout to 60000 in jest.config.js.

</aside>