John Doe

John Doe builds clean, accessible interfaces.

A junior front end developer learning in public — focused on React, TypeScript, and thoughtful UI. I care about clear layouts, solid fundamentals, and shipping small projects that show how I think.

See the workDownload resume
Discipline
Front end
Experience
Starting out
Available
Open to roles
Portrait of a developer at a desk with a laptop

What I can help with

Practical front-end work I’m ready to take on — clear layouts, React UIs, and careful polish on every screen.

Core disciplines and tools.

What I’m practicing and what I use day to day, grouped by skill area — not by every tool I’ve ever opened.

HTML & CSS

Semantic markup, responsive layouts, and clean styling. I’m building the habit of accessible structure before fancy effects.

Tools

  • HTML5
  • CSS3
  • Flexbox
  • Grid
  • Tailwind CSS

JavaScript & React

Components, props, state, and effects. I learn by building small apps and refactoring them as patterns start to click.

Tools

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Vite

UI implementation

Turning designs into working screens — spacing, typography, and interactive bits like forms, modals, and navigation.

Tools

  • Figma
  • shadcn/ui
  • Lucide
  • Chrome DevTools

Workflow & shipping

Version control, previews, and deploys. I want every project to be easy to run locally and share online.

Tools

  • Git
  • GitHub
  • VS Code
  • Vercel
  • npm

Projects

A few builds from my learning path — each one focused on a concrete skill, not a made-up client metric.

  • Northside Café preview

    Landing page2025

    Northside Café

    Constraint: ship a mobile-first marketing page in one week with no design system. Built a clear hierarchy for menu, hours, and contact so a small café could look intentional on every screen size.

    Mobile-first layout

    Key outcome

    View project
  • Weather dashboard preview

    API practice2025

    Weather dashboard

    Constraint: a free public API with rate limits and messy edge cases. Focused on clear loading, empty, and error states so searching a city felt dependable instead of fragile.

    City search + 5-day view

    Key outcome

    View project
  • Task board preview

    CRUD UI2024

    Task board

    Constraint: no backend — everything lived in local state. Built add, edit, and filter flows with labeled controls and keyboard-friendly interactions so the board stayed usable as tasks piled up.

    Add, edit, and filter tasks

    Key outcome

    View project