FNJ

~/portfolio-builder/student-developers

A student developer portfolio for your first internship

Without years of experience, projects are your proof. FNJ's AI builder designs a student portfolio that puts them first: what you built, what you learned and the links, plus hackathons, coursework and the roles you're applying for. Pay once, export the code and keep it on your own GitHub through graduation.

Start your siteSee the sample site
  • Next.js project
  • Static HTML
  • Push to GitHub
  • No FNJ runtime
Sample site with fictional names, made to show the kind of site the builder designs. Yours is designed from your description and the reference you choose.

The same sample at phone width. The builder designs every page at desktop, tablet and phone widths.

The sample, section by section

What a student developer website needs

The sections the builder can design for you, and the job each one does. The starter prompt asks for these; add or drop any of them in your own words.

  1. 01

    Intro

    Your course, year and the roles you want.

  2. 02

    Projects

    What you built, your part and what you learned.

  3. 03

    Hackathons

    Events, teams and results.

  4. 04

    Coursework

    Relevant modules and grades if they help.

  5. 05

    Skills

    Languages and tools you've actually used.

  6. 06

    Contact and CV

    Email, GitHub, LinkedIn and CV.

Made for student developers, not for everyone

Starter prompt

A prompt written for student developers

It opens in the builder ready to edit. Replace the words in brackets with your own details, change anything else you like, then add a reference.

Reference to add

A student or new graduate's portfolio you thought looked professional.

The builder takes a reference's look (layout, type, palette, spacing), never its words or images.

Use this prompt
Build a student developer portfolio for [your name], a [second-year computer science] student at [university] looking for [software engineering internships]. Open with a friendly introduction that says what I'm looking for. Add a projects section with four projects (what I built, my role, what I learned, GitHub and demo buttons), a hackathons section, a relevant coursework section, a skills section and a contact section with email, GitHub, LinkedIn and CV buttons. Fresh and modern: a friendly geometric sans-serif, a light theme with one bright accent and simple cards.

How it works

  1. 01

    Describe your student developer site

    Open the builder with the starter prompt, fill in your details and add a screenshot or link of a site you'd like yours to look like. A reference is required: it's what makes the design yours rather than a template.

  2. 02

    Watch it design every page

    The builder plans the pages, palette and type, then builds each page section by section on a canvas at desktop, tablet and phone widths while you watch.

  3. 03

    Refine it, then take the code

    Ask for changes in plain words or edit by hand, upload your own screenshots, then download a Next.js project or static HTML, or push it to your GitHub, and host it where you like.

What it costs: From $25/month, or $29 once for 50 credits that never expire. No FNJ hosting fee: you host the exported site. See plans

Student developers: questions

Is there a free plan for students?
There's no free plan or student discount. The one-time Site Pack is the cheapest way in, and hosting the exported site can cost nothing on GitHub Pages, Netlify or Cloudflare Pages.
What should a student developer portfolio include?
Three or four projects with your role and what you learned, links to the code, the roles you want and a way to contact you. The starter prompt covers all of that.
Can I put it on GitHub Pages?
Yes. Export static HTML and publish it with GitHub Pages, or push the Next.js project to GitHub and deploy it elsewhere.
Can I update it each semester?
Yes. Ask for changes by prompt (each uses credits) or edit text by hand on the canvas, which uses no credits, then export again.

Related portfolio builders

More for developers

Land the interview with your projects

The builder opens with your student developer prompt filled in. You edit it, add a reference, and watch the first version take shape.

Start your siteAbout the AI builder