BEGINNER PROJECT

Your Developer Portfolio

Give your projects a place to call home.

What you'll build

  • Include an introduction, projects, and contact links.
  • Use one h1 and a logical heading hierarchy.
  • Ensure navigation works with a keyboard.

Your building plan

  1. Write your introduction and choose three projects.
  2. Use header, main, section, and footer elements.
  3. Build a responsive grid for project cards.
  4. Add focus states and check text contrast.
  5. Deploy a static build and review it on a phone.

Start with a small prototype

13px
main.jsYour ideas, in code.
Loading your editor…
Run your code to see the output here.
Ready to buildUTF-83 lines

Share your project with the world

The finished project is a complete HTML file. Download it and open it in a browser to explore the interface and its JavaScript.

  1. Move your interface into an index.html file and your logic into script.js.
  2. Test keyboard controls, small screens, and empty or invalid inputs.
  3. Commit your files to a new repository without any secrets.
  4. Choose a static hosting service, connect the repository, and deploy the project.
  5. Open the published URL on another device and try the complete flow.