Recipe 01 · Start simple
HTML + CSS + JavaScript
A useful first project can run entirely in the browser.
Want to learn this as a guided project? Start Lesson 01: Build Your First Vendor Review Tool.
No database, login system or backend is required for a fictional-data checklist, calculator or simple quiz.
All five recipes · Jump to a recipe
When to choose this
What can you build?
A policy checklist, simple risk calculator or fictional vendor questionnaire. This is a good starting point when one person can use the tool without accounts or shared records.
Three ingredients
Meet the technologies
The structure: headings, questions, buttons and results.
The presentation: spacing, colors and responsive layout.
The behavior: read answers, apply rules and display a result.
Under the hood
One browser, three jobs
Everything happens on the user's device. No server receives the answers unless you deliberately add a service.
See the stack in action
One project, from input to result
Goal: Review three fictional vendor-security answers without storing any records.
Three dropdowns: Yes, No, or Unknown for fictional security questions.
HTML presents questions, JavaScript reads answers and applies rules, and CSS makes the results readable.
Yes: no issue identified. No: negative answer. Unknown: information missing.
Your first working milestone
A single page with three dropdowns, a Review Answers button, and a results area that updates when answers change.
Each answer produces the expected label. A second review replaces the previous results.
Unanswered questions remain Unknown, not Yes. The page stays usable at phone width.
Only then consider: Saving results, accounts, or shared reviews if a real requirement justifies a backend.
Your first version
Build a little, test a little
- Write down three fictional questions and the result each answer should produce.
- Create a single HTML page and make the form readable with CSS.
- Add JavaScript that runs when the user selects Review Answers.
- Test Yes, No and Unknown responses, then change an answer and test again.
- Publish only when the example uses fictional information and works on a phone.
Where it runs: Locally in a browser or on a static hosting service such as GitHub Pages or Cloudflare Pages.