Choose a small project you can judge

Start with an event page, portfolio or quote calculator. A project that does not store personal information involves fewer account and data decisions.

This example is a fictional quote calculator. Enter quantity, unit price and delivery cost to see a total. It calculates in the browser, takes no payment and stores no orders.

1. Write a one-page brief

Give AI the following, then adapt it:

Make a quote calculator for my own cost estimates. Use English labels and three inputs: quantity, unit price and delivery cost. Add a calculate button and show the total. The formula is quantity × unit price + delivery cost. Quantity must be a positive integer; unit price and delivery cost cannot be negative. If an input is missing, say which one. Start with one page that works on phones and computers, without login, payments or a database. Restate the brief and list questions before changing files.

Save the brief. Add future feature requests to it so you can tell whether a change is done. The project brief template can help.

2. Make a version you can run locally

Choose an AI coding tool you can access and use with project files. Follow its current official setup instructions. Agree the page layout and fields before adding the calculation.

Ask the AI to explain how to start the project, where the entry file is and how to open it again. Run it yourself and save those instructions. Keep a version after each useful step. If using Git, ask what each saved change includes.

3. Test known examples

Input Expected result
Quantity 10, unit price 12, delivery 8 Total 128
Delivery cost 0 Calculation still works
Quantity blank or 0 A message requiring a positive whole number
Negative unit price A message that unit price cannot be negative

Try typing, clicking and reading the result at a phone-sized width. Run the examples again after changing the logic. If a change fails, keep the error information before returning to the previous version.

4. Publish to an accessible address

Ask the AI to propose hosting options based on the actual project, with required accounts, costs and publishing steps. A simple page can start with static hosting. Check domain costs and any regional registration requirements with the selected provider; do not assume one arrangement fits everywhere.

After publishing, open the address in a new browser window and rerun the examples. Check the mobile layout, links and page refresh. Keep the working version and learn how to recover if an update fails. Use the pre-launch checklist for the features your project actually has.

Keep improving after launch

Ask someone who would use it to try it. Note where they pause or misunderstand a label. Fix the most disruptive issue before adding saved quotes, exports or accounts. Add a test example for each new feature.

If you get stuck, bring the brief, reproduction steps, exact error and current version. These make it easier to discuss a specific problem. You can start with a free 15-minute call to check whether one-to-one coaching fits the project. Confirm the conversation language and time when booking.

Questions

Must I learn HTML, CSS and JavaScript first?
You can learn while building. First understand that they broadly control content, appearance and interaction, then look at the files and changes in your project. You do not need to finish learning all the syntax before starting.
What should I build first?
Try an event page, portfolio page or a calculator that runs in the browser. Use fictional data first. Make the inputs, actions and result work before adding accounts, payments or stored data.
Do I have to buy a server?
A simple static page can use static hosting. If the project needs a backend, database or particular runtime, choose a service that meets those needs and confirm its charges and availability.
How long will it take?
Define the features and available tools first. Accounts, databases, payments and external APIs change the amount of building and checking required. This guide does not promise a fixed completion time.

Read next

Book a free 15-minute call See pricing & scope