Julian Burnley

The next portfolio chapter

React, TypeScript, and production-ready front-end work.

The HTML, CSS, JavaScript, responsive-design, and accessibility foundations are in place. The next projects will demonstrate application architecture, typed data, API integration, testing, and reusable component systems.

Explore planned projects View completed work

Portfolio pipeline

Projects designed to prove real front-end skills.

Each project has a distinct purpose, so the portfolio shows breadth without repeating the same interface.

01Build next

Application architecture

Typed Project Planner

Create projects and tasks, validate typed forms, filter by status, persist changes, and test critical interactions.

  • React
  • TypeScript
  • React Router
  • Vitest
What it provesState management, component design, forms, testing, and maintainable code.
02Planned

Data and API experience

Accessible Data Dashboard

Fetch and transform live data with useful loading, empty, success, and error states plus keyboard-accessible filters.

  • REST API
  • TanStack Query
  • Charts
  • ARIA
What it provesAsynchronous data, resilient interfaces, visualization, and accessibility.
03Planned

Commerce application

JR’s Toy Store: React Edition

Evolve the current Lesson 5 storefront into a typed product experience with search, category filters, cart state, and checkout validation.

  • React
  • TypeScript
  • Context
  • Forms
What it provesModernization of existing work, product thinking, and complex UI state.
04Planned

Reusable interface system

Accessible Component Library

Document buttons, forms, dialogs, tabs, navigation, cards, and theme tokens with usage guidance and interaction tests.

  • Storybook
  • CSS Tokens
  • Testing Library
  • WCAG
What it provesDesign systems, reusable APIs, documentation, and inclusive components.

Front-end readiness

The complete skill set around the projects.

01

Core development

Semantic HTML, modern CSS, JavaScript fundamentals, TypeScript, React, responsive layouts, and browser APIs.

02

Application patterns

Component composition, routing, state management, controlled forms, data fetching, loading states, and error handling.

03

Quality engineering

ESLint, formatting, unit and interaction tests, accessibility checks, performance audits, and cross-browser review.

04

Professional workflow

Git branches, focused commits, pull requests, documentation, environment variables, deployment, and issue tracking.

Recommended sequence

Build depth one project at a time.

Finish and document each application before starting the next. Every release should include a live demo, repository README, screenshots, accessibility notes, testing evidence, and a concise case study.

  1. FoundationReact + TypeScript fundamentals
  2. Project 01Typed Project Planner
  3. Project 02Accessible Data Dashboard
  4. Project 03Toy Store React rebuild
  5. Project 04Component Library

Progress over promises

New projects will appear here as they are completed and verified.

Return to current projects